Merged PR 170: Add new eslint rules

- naming-convention
- prefer-arrow-callback
- func-style
- import/no-default-export

src/Components/InputGroup/InputGroup.tsx

@@ -23,14 +23,14 @@ const className = `
         focus:outline-none focus:border-blue-500 focus:ring-1 focus:ring-blue-500
         disabled:bg-slate-300 disabled:text-gray-500 disabled:border-slate-300 disabled:shadow-none`;
 
-export const InputGroup: React.FunctionComponent<IInputGroupProps> = (props) => {
+export function InputGroup(props: IInputGroupProps): JSX.Element {
   return <>
     <label
       key={props.labelKey}
       className={`mt-4 text-xs font-medium text-gray-800 ${props.labelClassName}`}
       htmlFor={props.inputKey}
     >
-      { props.labelText }
+      {props.labelText}
 
     </label>
     <input
@@ -44,7 +44,6 @@ export const InputGroup: React.FunctionComponent<IInputGroupProps> = (props) =>
       defaultChecked={props.defaultChecked}
       onChange={props.onChange}
       min={props.min}
-      disabled={props.isDisabled}
-    />
+      disabled={props.isDisabled} />
   </>;
-};
+}