refactor: biome linter updates (#1226)

* refactor: address biome warnings.  add experimental rule from nursery for unusedFnParams

* refactor: enable nursery use default switch clause rule

* biome: remove exhaustive rule options

* revert biome: remove exhaustive rule options

* remove comment

Author: setchy

biome.json

@@ -7,6 +7,10 @@
     "enabled": true,
     "rules": {
       "recommended": true,
+      "nursery": {
+        "noUnusedFunctionParameters": "error",
+        "useDefaultSwitchClause": "error"
+      },
       "correctness": {
         "useExhaustiveDependencies": {
           "level": "warn",

src/__mocks__/electron.js

@@ -32,7 +32,7 @@ module.exports = {
     send: jest.fn(),
     on: jest.fn(),
     sendSync: jest.fn(),
-    invoke: jest.fn((channel, ...args) => {
+    invoke: jest.fn((channel, ..._args) => {
       switch (channel) {
         case 'get-platform':
           return Promise.resolve('darwin');

src/components/AccountNotifications.tsx

@@ -84,7 +84,6 @@ export const AccountNotifications = (props: IProps) => {
           return (
             <RepositoryNotifications
               key={repoSlug}
-              account={account}
               repoName={repoSlug}
               repoNotifications={repoNotifications}
             />

src/components/NotificationRow.tsx

@@ -16,7 +16,7 @@ import {
   useState,
 } from 'react';
 import { AppContext } from '../context/App';
-import { type Account, IconColor } from '../types';
+import { IconColor } from '../types';
 import type { Notification } from '../typesGitHub';
 import { cn } from '../utils/cn';
 import {
@@ -33,19 +33,16 @@ import { formatReason } from '../utils/reason';
 import { PillButton } from './buttons/PillButton';
 
 interface IProps {
-  account: Account;
   notification: Notification;
 }
 
-export const NotificationRow: FC<IProps> = ({ notification, account }) => {
+export const NotificationRow: FC<IProps> = ({ notification }) => {
   const {
-    auth,
     settings,
     removeNotificationFromState,
     markNotificationRead,
     markNotificationDone,
     unsubscribeNotification,
-    notifications,
   } = useContext(AppContext);
   const [animateExit, setAnimateExit] = useState(false);
 
@@ -59,8 +56,12 @@ export const NotificationRow: FC<IProps> = ({ notification, account }) => {
       // no need to mark as read, github does it by default when opening it
       removeNotificationFromState(settings, notification);
     }
-  }, [notifications, notification, auth, settings]); // notifications required here to prevent weird state issues
-
+  }, [
+    notification,
+    markNotificationDone,
+    removeNotificationFromState,
+    settings,
+  ]);
   const unsubscribeFromThread = (event: MouseEvent<HTMLElement>) => {
     // Don't trigger onClick of parent element.
     event.stopPropagation();

src/components/Repository.tsx

@@ -1,32 +1,29 @@
 import { CheckIcon, MarkGithubIcon, ReadIcon } from '@primer/octicons-react';
 import { type FC, useCallback, useContext } from 'react';
 import { AppContext } from '../context/App';
-import type { Account } from '../types';
 import type { Notification } from '../typesGitHub';
 import { openRepository } from '../utils/links';
 import { NotificationRow } from './NotificationRow';
 
 interface IProps {
-  account: Account;
   repoNotifications: Notification[];
   repoName: string;
 }
 
 export const RepositoryNotifications: FC<IProps> = ({
   repoName,
   repoNotifications,
-  account,
 }) => {
   const { markRepoNotificationsRead, markRepoNotificationsDone } =
     useContext(AppContext);
 
   const markRepoAsRead = useCallback(() => {
     markRepoNotificationsRead(repoNotifications[0]);
-  }, [repoNotifications, account]);
+  }, [repoNotifications, markRepoNotificationsRead]);
 
   const markRepoAsDone = useCallback(() => {
     markRepoNotificationsDone(repoNotifications[0]);
-  }, [repoNotifications, account]);
+  }, [repoNotifications, markRepoNotificationsDone]);
 
   const avatarUrl = repoNotifications[0].repository.owner.avatar_url;
   const repoSlug = repoNotifications[0].repository.full_name;
@@ -77,7 +74,7 @@ export const RepositoryNotifications: FC<IProps> = ({
       </div>
 
       {repoNotifications.map((obj) => (
-        <NotificationRow key={obj.id} account={account} notification={obj} />
+        <NotificationRow key={obj.id} notification={obj} />
       ))}
     </>
   );

src/context/App.tsx

@@ -129,7 +129,6 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     fetchNotifications({ auth, settings });
   }, Constants.FETCH_INTERVAL);
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: We need to update tray title when settings or notifications changes.
   useEffect(() => {
     const count = getNotificationCount(notifications);
 
@@ -227,37 +226,37 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
 
   const fetchNotificationsWithAccounts = useCallback(
     async () => await fetchNotifications({ auth, settings }),
-    [auth, settings, notifications],
+    [auth, settings, fetchNotifications],
   );
 
   const markNotificationReadWithAccounts = useCallback(
     async (notification: Notification) =>
       await markNotificationRead({ auth, settings }, notification),
-    [auth, notifications],
+    [auth, settings, markNotificationRead],
   );
 
   const markNotificationDoneWithAccounts = useCallback(
     async (notification: Notification) =>
       await markNotificationDone({ auth, settings }, notification),
-    [auth, notifications],
+    [auth, settings, markNotificationDone],
   );
 
   const unsubscribeNotificationWithAccounts = useCallback(
     async (notification: Notification) =>
       await unsubscribeNotification({ auth, settings }, notification),
-    [auth, notifications],
+    [auth, settings, unsubscribeNotification],
   );
 
   const markRepoNotificationsReadWithAccounts = useCallback(
     async (notification: Notification) =>
       await markRepoNotificationsRead({ auth, settings }, notification),
-    [auth, notifications],
+    [auth, settings, markRepoNotificationsRead],
   );
 
   const markRepoNotificationsDoneWithAccounts = useCallback(
     async (notification: Notification) =>
       await markRepoNotificationsDone({ auth, settings }, notification),
-    [auth, notifications],
+    [auth, settings, markRepoNotificationsDone],
   );
 
   return (

src/hooks/useNotifications.ts

@@ -150,11 +150,11 @@ export const useNotifications = (): NotificationsState => {
         setStatus('success');
       }
     },
-    [notifications],
+    [markNotificationRead],
   );
 
   const markRepoNotificationsRead = useCallback(
-    async (state: GitifyState, notification: Notification) => {
+    async (_state: GitifyState, notification: Notification) => {
       setStatus('loading');
 
       const repoSlug = notification.repository.full_name;
@@ -220,7 +220,7 @@ export const useNotifications = (): NotificationsState => {
         setStatus('success');
       }
     },
-    [notifications],
+    [notifications, markNotificationDone],
   );
 
   const removeNotificationFromState = useCallback(

src/routes/Accounts.tsx

@@ -27,12 +27,15 @@ export const AccountsRoute: FC = () => {
   const { auth, logoutFromAccount } = useContext(AppContext);
   const navigate = useNavigate();
 
-  const logoutAccount = useCallback((account: Account) => {
-    logoutFromAccount(account);
-    navigate(-1);
-    updateTrayIcon();
-    updateTrayTitle();
-  }, []);
+  const logoutAccount = useCallback(
+    (account: Account) => {
+      logoutFromAccount(account);
+      navigate(-1);
+      updateTrayIcon();
+      updateTrayTitle();
+    },
+    [logoutFromAccount],
+  );
 
   const loginWithPersonalAccessToken = useCallback(() => {
     return navigate('/login-personal-access-token', { replace: true });

src/routes/LoginWithOAuthApp.tsx

@@ -117,13 +117,16 @@ export const LoginWithOAuthApp: FC = () => {
     );
   };
 
-  const login = useCallback(async (data: IValues) => {
-    try {
-      await loginWithOAuthApp(data as LoginOAuthAppOptions);
-    } catch (err) {
-      // Skip
-    }
-  }, []);
+  const login = useCallback(
+    async (data: IValues) => {
+      try {
+        await loginWithOAuthApp(data as LoginOAuthAppOptions);
+      } catch (err) {
+        // Skip
+      }
+    },
+    [loginWithOAuthApp],
+  );
 
   return (
     <div className="flex-1 bg-white dark:bg-gray-dark dark:text-white">

src/routes/LoginWithPersonalAccessToken.tsx

@@ -121,17 +121,20 @@ export const LoginWithPersonalAccessToken: FC = () => {
     );
   };
 
-  const login = useCallback(async (data: IValues) => {
-    setIsValidToken(true);
-    try {
-      await loginWithPersonalAccessToken(
-        data as LoginPersonalAccessTokenOptions,
-      );
-      navigate(-1);
-    } catch (err) {
-      setIsValidToken(false);
-    }
-  }, []);
+  const login = useCallback(
+    async (data: IValues) => {
+      setIsValidToken(true);
+      try {
+        await loginWithPersonalAccessToken(
+          data as LoginPersonalAccessTokenOptions,
+        );
+        navigate(-1);
+      } catch (err) {
+        setIsValidToken(false);
+      }
+    },
+    [loginWithPersonalAccessToken],
+  );
 
   return (
     <div className="flex-1 bg-white dark:bg-gray-dark dark:text-white">