refactor: tanstack & zustand overhaul

Signed-off-by: Adam Setch <adam.setch@outlook.com>

Author: setchy

src/renderer/__helpers__/vitest.setup.ts

@@ -1,6 +1,8 @@
 import '@testing-library/jest-dom/vitest';
 
-import { useFiltersStore } from '../stores';
+import { mockGitHubCloudAccount } from '../__mocks__/account-mocks';
+
+import { useAccountsStore, useFiltersStore, useSettingsStore } from '../stores';
 
 // Sets timezone to UTC for consistent date/time in tests and snapshots
 process.env.TZ = 'UTC';
@@ -10,6 +12,12 @@ process.env.TZ = 'UTC';
  */
 beforeEach(() => {
   useFiltersStore.getState().reset();
+  useSettingsStore.getState().reset();
+  useFiltersStore.getState().reset();
+  useAccountsStore.setState({
+    accounts: [mockGitHubCloudAccount],
+    refreshAccount: vi.fn(async (account) => account),
+  });
 });
 
 /**

src/renderer/components/settings/AppearanceSettings.tsx

@@ -27,7 +27,6 @@ import {
   decreaseZoom,
   increaseZoom,
   resetZoomLevel,
-  zoomLevelToPercentage,
 } from '../../utils/zoom';
 
 export const AppearanceSettings: FC = () => {
@@ -40,8 +39,7 @@ export const AppearanceSettings: FC = () => {
   const wrapNotificationTitle = useSettingsStore(
     (s) => s.wrapNotificationTitle,
   );
-
-  const zoomPercentage = zoomLevelToPercentage(window.gitify.zoom.getLevel());
+  const zoomPercentage = useSettingsStore((s) => s.zoomPercentage);
 
   return (
     <fieldset>

src/renderer/components/settings/NotificationSettings.test.tsx

@@ -32,17 +32,6 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
     expect(updateSettingSpy).toHaveBeenCalledWith('groupBy', 'DATE');
   });
 
-  it('should change the fetchType radio group', async () => {
-    await act(async () => {
-      renderWithAppContext(<NotificationSettings />);
-    });
-
-    await userEvent.click(screen.getByTestId('radio-fetchType-inactivity'));
-
-    expect(updateSettingSpy).toHaveBeenCalledTimes(1);
-    expect(updateSettingSpy).toHaveBeenCalledWith('fetchType', 'INACTIVITY');
-  });
-
   describe('fetch interval settings', () => {
     it('should update the fetch interval values when using the buttons', async () => {
       await act(async () => {