Merged PR 170: Add new eslint rules

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

src/Components/Select/Select.tsx

@@ -19,7 +19,7 @@ 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 Select: React.FC<ISelectProps> = (props) => {
+export function Select(props: ISelectProps): JSX.Element {
   const options = [(
     <option key='symbol-none' value=''>None</option>
   )];
@@ -40,7 +40,7 @@ export const Select: React.FC<ISelectProps> = (props) => {
         className={`mt-4 text-xs font-medium text-gray-800 ${props.labelClassName}`}
         htmlFor={props.inputKey}
       >
-        { props.labelText }
+        {props.labelText}
       </label>
       <select
         id={props.inputKey}
@@ -48,8 +48,8 @@ export const Select: React.FC<ISelectProps> = (props) => {
         onChange={props.onChange}
         className={className}
       >
-        { options }
+        {options}
       </select>
     </>
   );
-};
+}