eslint

interface/src/components/RestController.tsx

@@ -4,7 +4,9 @@ import { withSnackbar, WithSnackbarProps } from 'notistack';
 import { redirectingAuthorizedFetch } from '../authentication';
 
 export interface RestControllerProps<D> extends WithSnackbarProps {
-  handleValueChange: (name: keyof D) => (event: React.ChangeEvent<HTMLInputElement>) => void;
+  handleValueChange: (
+    name: keyof D
+  ) => (event: React.ChangeEvent<HTMLInputElement>) => void;
 
   setData: (data: D, callback?: () => void) => void;
   saveData: () => void;
@@ -15,16 +17,18 @@ export interface RestControllerProps<D> extends WithSnackbarProps {
   errorMessage?: string;
 }
 
-export const extractEventValue = (event: React.ChangeEvent<HTMLInputElement>) => {
+export const extractEventValue = (
+  event: React.ChangeEvent<HTMLInputElement>
+) => {
   switch (event.target.type) {
-    case "number":
+    case 'number':
       return event.target.valueAsNumber;
-    case "checkbox":
+    case 'checkbox':
       return event.target.checked;
     default:
-      return event.target.value
+      return event.target.value;
   }
-}
+};
 
 interface RestControllerState<D> {
   data?: D;
@@ -32,10 +36,15 @@ interface RestControllerState<D> {
   errorMessage?: string;
 }
 
-export function restController<D, P extends RestControllerProps<D>>(endpointUrl: string, RestController: React.ComponentType<P & RestControllerProps<D>>) {
+export function restController<D, P extends RestControllerProps<D>>(
+  endpointUrl: string,
+  RestController: React.ComponentType<P & RestControllerProps<D>>
+) {
   return withSnackbar(
-    class extends React.Component<Omit<P, keyof RestControllerProps<D>> & WithSnackbarProps, RestControllerState<D>> {
-
+    class extends React.Component<
+      Omit<P, keyof RestControllerProps<D>> & WithSnackbarProps,
+      RestControllerState<D>
+    > {
       state: RestControllerState<D> = {
         data: undefined,
         loading: false,
@@ -43,12 +52,15 @@ export function restController<D, P extends RestControllerProps<D>>(endpointUrl:
       };
 
       setData = (data: D, callback?: () => void) => {
-        this.setState({
-          data,
-          loading: false,
-          errorMessage: undefined
-        }, callback);
-      }
+        this.setState(
+          {
+            data,
+            loading: false,
+            errorMessage: undefined
+          },
+          callback
+        );
+      };
 
       loadData = () => {
         this.setState({
@@ -56,19 +68,24 @@ export function restController<D, P extends RestControllerProps<D>>(endpointUrl:
           loading: true,
           errorMessage: undefined
         });
-        redirectingAuthorizedFetch(endpointUrl).then(response => {
-          if (response.status === 200) {
-            return response.json();
-          }
-          throw Error("Invalid status code: " + response.status);
-        }).then(json => {
-          this.setState({ data: json, loading: false })
-        }).catch(error => {
-          const errorMessage = error.message || "Unknown error";
-          this.props.enqueueSnackbar("Problem fetching: " + errorMessage, { variant: 'error' });
-          this.setState({ data: undefined, loading: false, errorMessage });
-        });
-      }
+        redirectingAuthorizedFetch(endpointUrl)
+          .then((response) => {
+            if (response.status === 200) {
+              return response.json();
+            }
+            throw Error('Invalid status code: ' + response.status);
+          })
+          .then((json) => {
+            this.setState({ data: json, loading: false });
+          })
+          .catch((error) => {
+            const errorMessage = error.message || 'Unknown error';
+            this.props.enqueueSnackbar('Problem fetching: ' + errorMessage, {
+              variant: 'error'
+            });
+            this.setState({ data: undefined, loading: false, errorMessage });
+          });
+      };
 
       saveData = () => {
         this.setState({ loading: true });
@@ -78,36 +95,47 @@ export function restController<D, P extends RestControllerProps<D>>(endpointUrl:
           headers: {
             'Content-Type': 'application/json'
           }
-        }).then(response => {
-          if (response.status === 200) {
-            return response.json();
-          }
-          throw Error("Invalid status code: " + response.status);
-        }).then(json => {
-          this.props.enqueueSnackbar("Update successful.", { variant: 'success' });
-          this.setState({ data: json, loading: false });
-        }).catch(error => {
-          const errorMessage = error.message || "Unknown error";
-          this.props.enqueueSnackbar("Problem updating: " + errorMessage, { variant: 'error' });
-          this.setState({ data: undefined, loading: false, errorMessage });
-        });
-      }
+        })
+          .then((response) => {
+            if (response.status === 200) {
+              return response.json();
+            }
+            throw Error('Invalid status code: ' + response.status);
+          })
+          .then((json) => {
+            this.props.enqueueSnackbar('Update successful.', {
+              variant: 'success'
+            });
+            this.setState({ data: json, loading: false });
+          })
+          .catch((error) => {
+            const errorMessage = error.message || 'Unknown error';
+            this.props.enqueueSnackbar('Problem updating: ' + errorMessage, {
+              variant: 'error'
+            });
+            this.setState({ data: undefined, loading: false, errorMessage });
+          });
+      };
 
-      handleValueChange = (name: keyof D) => (event: React.ChangeEvent<HTMLInputElement>) => {
+      handleValueChange = (name: keyof D) => (
+        event: React.ChangeEvent<HTMLInputElement>
+      ) => {
         const data = { ...this.state.data!, [name]: extractEventValue(event) };
         this.setState({ data });
-      }
+      };
 
       render() {
-        return <RestController
-          {...this.state}
-          {...this.props as P}
-          handleValueChange={this.handleValueChange}
-          setData={this.setData}
-          saveData={this.saveData}
-          loadData={this.loadData}
-        />;
+        return (
+          <RestController
+            {...this.state}
+            {...(this.props as P)}
+            handleValueChange={this.handleValueChange}
+            setData={this.setData}
+            saveData={this.saveData}
+            loadData={this.loadData}
+          />
+        );
       }
-
-    });
+    }
+  );
 }