eslint

Signed-off-by: Micah Chiang <micahkchiang@gmail.com>
department-of-veterans-affairs · Mar 11, 2024 · 81b3c2b · 81b3c2b
1 parent 54c4ee8
commit 81b3c2b
Show file tree

Hide file tree

Showing 3 changed files with 89 additions and 95 deletions.
diff --git a/src/applications/medical-copays/containers/DetailPage.jsx b/src/applications/medical-copays/containers/DetailPage.jsx
@@ -33,19 +33,19 @@ const DetailPage = ({ match }) => {
     mcpHTMLStatementToggle(state),
   );
 
-  useEffect(
-    () => {
-      if (!isCurrentBalance) {
-        setAlert('past-due-balance');
-      }
-      scrollToTop();
-    },
-    [isCurrentBalance],
-  );
+  useEffect(() => {
+    if (!isCurrentBalance) {
+      setAlert('past-due-balance');
+    }
+    scrollToTop();
+  }, [isCurrentBalance]);
 
   return (
     <>
-      <va-breadcrumbs uswds="false" className="vads-u-font-family--sans no-wrap">
+      <va-breadcrumbs
+        uswds="false"
+        className="vads-u-font-family--sans no-wrap"
+      >
         <a href="/">Home</a>
         <a href="/health-care">Health care</a>
         <a href="/health-care/pay-copay-bill">Pay your VA copay bill</a>

diff --git a/src/applications/medical-copays/containers/HTMLStatementPage.jsx b/src/applications/medical-copays/containers/HTMLStatementPage.jsx
@@ -32,7 +32,10 @@ const HTMLStatementPage = ({ match }) => {
   return (
     <>
       <article>
-        <va-breadcrumbs uswds="false" className="vads-u-font-family--sans no-wrap">
+        <va-breadcrumbs
+          uswds="false"
+          className="vads-u-font-family--sans no-wrap"
+        >
           <a href="/">Home</a>
           <a href="/health-care">Health care</a>
           <a href="/health-care/pay-copay-bill">Pay your VA copay bill</a>

diff --git a/src/applications/mhv/secure-messaging/components/shared/SmBreadcrumbs.jsx b/src/applications/mhv/secure-messaging/components/shared/SmBreadcrumbs.jsx
@@ -26,98 +26,84 @@ const SmBreadcrumbs = () => {
     }
   }
 
-  const [locationBasePath, locationChildPath] = useMemo(
-    () => {
-      const pathElements = location.pathname.split('/');
-      if (pathElements[0] === '') pathElements.shift();
-      return pathElements;
-    },
-    [location],
-  );
+  const [locationBasePath, locationChildPath] = useMemo(() => {
+    const pathElements = location.pathname.split('/');
+    if (pathElements[0] === '') pathElements.shift();
+    return pathElements;
+  }, [location]);
 
-  useEffect(
-    () => {
-      checkScreenSize();
-    },
-    [isMobile],
-  );
+  useEffect(() => {
+    checkScreenSize();
+  }, [isMobile]);
 
-  useEffect(
-    () => {
-      if (
-        `/${locationBasePath}/` === Constants.Paths.FOLDERS &&
-        parseInt(locationChildPath, 10) < 1
-      ) {
-        navigateToFolderByFolderId(locationChildPath, history);
-      }
-    },
-    [locationBasePath, locationChildPath, history],
-  );
+  useEffect(() => {
+    if (
+      `/${locationBasePath}/` === Constants.Paths.FOLDERS &&
+      parseInt(locationChildPath, 10) < 1
+    ) {
+      navigateToFolderByFolderId(locationChildPath, history);
+    }
+  }, [locationBasePath, locationChildPath, history]);
 
   window.addEventListener('resize', checkScreenSize);
 
-  useEffect(
-    () => {
-      if (!locationBasePath) {
-        dispatch(setBreadcrumbs({}, location));
-        return;
-      }
+  useEffect(() => {
+    if (!locationBasePath) {
+      dispatch(setBreadcrumbs({}, location));
+      return;
+    }
 
-      const path = `/${locationBasePath}/`;
+    const path = `/${locationBasePath}/`;
 
-      if (
-        [
-          Constants.Paths.INBOX,
-          Constants.Paths.SENT,
-          Constants.Paths.DELETED,
-          Constants.Paths.DRAFTS,
-        ].includes(path) ||
-        (path === Constants.Paths.FOLDERS && !locationChildPath)
-      ) {
-        dispatch(setBreadcrumbs(Constants.Breadcrumbs.MESSAGES, location));
-      } else if (path === Constants.Paths.FOLDERS && locationChildPath) {
-        dispatch(setBreadcrumbs(Constants.Breadcrumbs.FOLDERS, location));
-      } else if (path === Constants.Paths.COMPOSE) {
-        dispatch(setBreadcrumbs(Constants.Breadcrumbs.INBOX, location));
-      } else if (
-        path ===
+    if (
+      [
+        Constants.Paths.INBOX,
+        Constants.Paths.SENT,
+        Constants.Paths.DELETED,
+        Constants.Paths.DRAFTS,
+      ].includes(path) ||
+      (path === Constants.Paths.FOLDERS && !locationChildPath)
+    ) {
+      dispatch(setBreadcrumbs(Constants.Breadcrumbs.MESSAGES, location));
+    } else if (path === Constants.Paths.FOLDERS && locationChildPath) {
+      dispatch(setBreadcrumbs(Constants.Breadcrumbs.FOLDERS, location));
+    } else if (path === Constants.Paths.COMPOSE) {
+      dispatch(setBreadcrumbs(Constants.Breadcrumbs.INBOX, location));
+    } else if (
+      path ===
         (Constants.Paths.MESSAGE_THREAD ||
           Constants.Paths.REPLY ||
           Constants.Paths.COMPOSE) &&
-        activeFolder
-      ) {
-        dispatch(
-          setBreadcrumbs(
-            {
-              path: `${Constants.Paths.FOLDERS}${activeFolder.folderId}`,
-              label: `Back to ${activeFolder.folderId < 1
-                  ? activeFolder.name.toLowerCase()
-                  : activeFolder.name
-                }`,
-            },
-            location,
-          ),
-        );
-      }
-    },
-    [
-      activeFolder,
-      dispatch,
-      location,
-      locationBasePath,
-      locationChildPath,
-      messageDetails?.subject,
-    ],
-  );
+      activeFolder
+    ) {
+      dispatch(
+        setBreadcrumbs(
+          {
+            path: `${Constants.Paths.FOLDERS}${activeFolder.folderId}`,
+            label: `Back to ${
+              activeFolder.folderId < 1
+                ? activeFolder.name.toLowerCase()
+                : activeFolder.name
+            }`,
+          },
+          location,
+        ),
+      );
+    }
+  }, [
+    activeFolder,
+    dispatch,
+    location,
+    locationBasePath,
+    locationChildPath,
+    messageDetails?.subject,
+  ]);
 
-  useEffect(
-    () => {
-      if (messageDetails && !activeFolder) {
-        dispatch(retrieveFolder(messageDetails?.threadFolderId));
-      }
-    },
-    [messageDetails, activeFolder, dispatch],
-  );
+  useEffect(() => {
+    if (messageDetails && !activeFolder) {
+      dispatch(retrieveFolder(messageDetails?.threadFolderId));
+    }
+  }, [messageDetails, activeFolder, dispatch]);
 
   const breadcrumbSize = () => {
     if (isMobile) {
@@ -128,10 +114,15 @@ const SmBreadcrumbs = () => {
 
   return (
     <div
-      className={`breadcrumbs vads-1-row ${!crumbs?.label ? 'breadcrumbs--hidden' : ''
-        }`}
+      className={`breadcrumbs vads-1-row ${
+        !crumbs?.label ? 'breadcrumbs--hidden' : ''
+      }`}
     >
-      <va-breadcrumbs uswds="false" label="Breadcrumb" home-veterans-affairs={false}>
+      <va-breadcrumbs
+        uswds="false"
+        label="Breadcrumb"
+        home-veterans-affairs={false}
+      >
         {crumbs && (
           <ul className={breadcrumbSize()}>
             <li>