Fix ESLint issues

moneymgr_web/src/api/ApiClient.ts

@@ -66,23 +66,25 @@ export class APIClient {
     if (args.upProgress) {
       const res: XMLHttpRequest = await new Promise((resolve, reject) => {
         const xhr = new XMLHttpRequest();
-        xhr.upload.addEventListener("progress", (e) =>
+        xhr.upload.addEventListener("progress", (e) => {
-          { args.upProgress!(e.loaded / e.total); }
+          args.upProgress!(e.loaded / e.total);
-        );
+        });
-        xhr.addEventListener("load", () => { resolve(xhr); });
+        xhr.addEventListener("load", () => {
-        xhr.addEventListener("error", () =>
+          resolve(xhr);
-          { reject(new Error("File upload failed")); }
+        });
-        );
+        xhr.addEventListener("error", () => {
-        xhr.addEventListener("abort", () =>
+          reject(new Error("File upload failed"));
-          { reject(new Error("File upload aborted")); }
+        });
-        );
+        xhr.addEventListener("abort", () => {
-        xhr.addEventListener("timeout", () =>
+          reject(new Error("File upload aborted"));
-          { reject(new Error("File upload timeout")); }
+        });
-        );
+        xhr.addEventListener("timeout", () => {
+          reject(new Error("File upload timeout"));
+        });
         xhr.open(args.method, url, true);
         xhr.withCredentials = true;
         for (const key in headers) {
-          if (headers.hasOwnProperty(key))
+          if (Object.prototype.hasOwnProperty.call(headers, key))
             xhr.setRequestHeader(key, headers[key]);
         }
         xhr.send(body);

moneymgr_web/src/dialogs/CreateTokenDialog.tsx

@@ -26,7 +26,7 @@ export function CreateTokenDialog(p: {
   const loadingMessage = useLoadingMessage();
 
   const [newTokenUndef, setNewToken] = React.useState<NewToken | undefined>();
-  const newToken = newTokenUndef || {
+  const newToken = newTokenUndef ?? {
     name: "",
     ip_net: undefined,
     max_inactivity: 3600 * 24 * 90,

moneymgr_web/src/routes/TokensRoute.tsx

@@ -200,6 +200,7 @@ function TokensRouteInner(p: {
       getActions: ({ id }) => {
         return [
           <GridActionsCellItem
+            key={id}
             icon={<DeleteIcon />}
             label="Delete"
             onClick={handleDeleteClick(id)}

moneymgr_web/src/utils/FormUtils.tsx

@@ -26,7 +26,7 @@ export function checkConstraint(
 export function checkURL(s: string): boolean {
   try {
     return Boolean(new URL(s));
-  } catch (e) {
+  } catch {
     return false;
   }
 }

moneymgr_web/src/widgets/AsyncWidget.tsx

@@ -17,7 +17,7 @@ export function AsyncWidget(p: {
 }): React.ReactElement {
   const [state, setState] = useState(State.Loading);
 
-  const counter = useRef<any | null>(null);
+  const counter = useRef<any>(null);
 
   const load = async () => {
     try {