feat(settings): make fetch interval user configurable

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

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

@@ -55,6 +55,71 @@ describe('renderer/components/settings/NotificationSettings.tsx', () => {
     expect(updateSetting).toHaveBeenCalledWith('fetchType', 'INACTIVITY');
   });
 
+  it('should update the fetch interval values when using the buttons', async () => {
+    await act(async () => {
+      render(
+        <AppContext.Provider
+          value={{
+            auth: mockAuth,
+            settings: mockSettings,
+            updateSetting,
+          }}
+        >
+          <NotificationSettings />
+        </AppContext.Provider>,
+      );
+    });
+
+    // Increase fetch interval
+    await act(async () => {
+      await userEvent.click(
+        screen.getByTestId('settings-fetch-interval-increase'),
+      );
+
+      expect(updateSetting).toHaveBeenCalledTimes(1);
+      expect(updateSetting).toHaveBeenCalledWith('fetchInterval', 120000);
+    });
+
+    await act(async () => {
+      await userEvent.click(
+        screen.getByTestId('settings-fetch-interval-increase'),
+      );
+
+      expect(updateSetting).toHaveBeenCalledTimes(2);
+      expect(updateSetting).toHaveBeenNthCalledWith(2, 'fetchInterval', 180000);
+    });
+
+    // Decrease fetch interval
+    await act(async () => {
+      await userEvent.click(
+        screen.getByTestId('settings-fetch-interval-decrease'),
+      );
+
+      expect(updateSetting).toHaveBeenCalledTimes(3);
+      expect(updateSetting).toHaveBeenNthCalledWith(3, 'fetchInterval', 120000);
+    });
+
+    // Fetch interval reset
+    await act(async () => {
+      await userEvent.click(
+        screen.getByTestId('settings-fetch-interval-reset'),
+      );
+
+      expect(updateSetting).toHaveBeenCalledTimes(4);
+      expect(updateSetting).toHaveBeenNthCalledWith(4, 'fetchInterval', 60000);
+    });
+
+    // Prevent going lower than minimum interval
+    await act(async () => {
+      await userEvent.click(
+        screen.getByTestId('settings-fetch-interval-decrease'),
+      );
+
+      expect(updateSetting).toHaveBeenCalledTimes(4);
+      expect(updateSetting).toHaveBeenNthCalledWith(4, 'fetchInterval', 60000);
+    });
+  });
+
   it('should toggle the fetchAllNotifications checkbox', async () => {
     await act(async () => {
       render(

src/renderer/components/settings/NotificationSettings.tsx

@@ -86,7 +86,7 @@ export const NotificationSettings: FC = () => {
           <ButtonGroup className="ml-2">
             <IconButton
               aria-label="Decrease fetch interval"
-              data-testid="settings-decrease-fetch-interval"
+              data-testid="settings-fetch-interval-decrease"
               icon={DashIcon}
               onClick={() => {
                 updateSetting(
@@ -110,7 +110,7 @@ export const NotificationSettings: FC = () => {
 
             <IconButton
               aria-label="Increase fetch interval"
-              data-testid="settings-increase-fetch-interval"
+              data-testid="settings-fetch-interval-increase"
               icon={PlusIcon}
               onClick={() => {
                 updateSetting(
@@ -127,8 +127,8 @@ export const NotificationSettings: FC = () => {
             />
 
             <IconButton
-              aria-label="Reset zoom"
-              data-testid="settings-zoom-reset"
+              aria-label="Reset fetch interval"
+              data-testid="settings-fetch-interval-reset"
               icon={SyncIcon}
               onClick={() => {
                 updateSetting(