From b8bd6277e247e94bcbac2ffd550c269cfebdae31 Mon Sep 17 00:00:00 2001
From: Tim Brayshaw <tim@brayshaw.com>
Date: Mon, 18 Mar 2019 11:56:30 +0000
Subject: [PATCH] Fix eslint errors.

---
 examples/playground/src/App.js         |  4 +++-
 examples/playground/src/playground.js  |  4 +++-
 src/components/__tests__/input-test.js |  1 -
 src/components/error-messages.js       |  4 +---
 src/components/form-check-group.js     | 13 ++++++++++++-
 5 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/examples/playground/src/App.js b/examples/playground/src/App.js
index 53ccaa7..50545ab 100644
--- a/examples/playground/src/App.js
+++ b/examples/playground/src/App.js
@@ -49,7 +49,9 @@ class App extends Component {
           onChangeOption={this.handleChangeOption}
           onToggle={this.handleToggleOptions}
         />
-        <h2 className="pb-2 mt-4 mb-3 border-bottom">Layout: <code>{layout}</code></h2>
+        <h2 className="pb-2 mt-4 mb-3 border-bottom">
+          Layout: <code>{layout}</code>
+        </h2>
         <Playground
           layoutChoice={layout}
           validateOnSubmitChoice={validateOnSubmit}
diff --git a/examples/playground/src/playground.js b/examples/playground/src/playground.js
index 1baeb2a..18f98f7 100644
--- a/examples/playground/src/playground.js
+++ b/examples/playground/src/playground.js
@@ -80,7 +80,9 @@ const Playground = props => {
     myform = form;
   };
 
-  const legend = str => <legend className="pb-2 mt-4 mb-3 border-bottom">{str}</legend>;
+  const legend = str => (
+    <legend className="pb-2 mt-4 mb-3 border-bottom">{str}</legend>
+  );
 
   return (
     <Form
diff --git a/src/components/__tests__/input-test.js b/src/components/__tests__/input-test.js
index a1b5b14..4eae6f7 100644
--- a/src/components/__tests__/input-test.js
+++ b/src/components/__tests__/input-test.js
@@ -65,7 +65,6 @@ describe('The <Input /> component', () => {
     it('has an `aria-invalid="true"` prop on the form control when validation has failed', () => {});
 
     it('has an `aria-required="true"` prop on the form control when validation is required', () => {});
-
   });
 
   describe('Input components do this', () => {
diff --git a/src/components/error-messages.js b/src/components/error-messages.js
index 484b2ab..19e7e07 100644
--- a/src/components/error-messages.js
+++ b/src/components/error-messages.js
@@ -4,9 +4,7 @@ import PropTypes from 'prop-types';
 const ErrorMessages = ({messages}) => {
   const messageNodes = messages.map((message, key) => (
     // eslint-disable-next-line react/no-array-index-key
-    <div key={key}>
-      {message}
-    </div>
+    <div key={key}>{message}</div>
   ));
   return <div className="invalid-feedback">{messageNodes}</div>;
 };
diff --git a/src/components/form-check-group.js b/src/components/form-check-group.js
index bfaec92..488133d 100644
--- a/src/components/form-check-group.js
+++ b/src/components/form-check-group.js
@@ -2,9 +2,17 @@ import React from 'react';
 import ErrorMessages from './error-messages';
 import Help from './help';
 import Row from './row';
+import {componentPropTypes, componentDefaultProps} from './component-common';
 
 const FormCheckGroup = props => {
-  const { layout, help, showErrors, errorMessages, labelClassName, children } = props;
+  const {
+    layout,
+    help,
+    showErrors,
+    errorMessages,
+    labelClassName,
+    children,
+  } = props;
 
   if (layout === 'elementOnly') {
     return children;
@@ -19,4 +27,7 @@ const FormCheckGroup = props => {
   );
 };
 
+FormCheckGroup.propTypes = componentPropTypes;
+FormCheckGroup.defaultProps = componentDefaultProps;
+
 export default FormCheckGroup;