Implement inactivity timer for notification refresh

- Create useInactivityTimer hook to track user activity
- Replace useInterval with useInactivityTimer for notification fetching
- Only fetch notifications after 60 seconds of user inactivity
- Add comprehensive tests for inactivity timer functionality
- Maintain same 60-second interval but based on inactivity not schedule

Author: Copilot

src/renderer/context/App.tsx

@@ -12,6 +12,7 @@ import { ipcRenderer, webFrame } from 'electron';
 import { useTheme } from '@primer/react';
 
 import { namespacedEvent } from '../../shared/events';
+import { useInactivityTimer } from '../hooks/useInactivityTimer';
 import { useInterval } from '../hooks/useInterval';
 import { useNotifications } from '../hooks/useNotifications';
 import {
@@ -196,7 +197,7 @@ export const AppProvider = ({ children }: { children: ReactNode }) => {
     settings.filterReasons,
   ]);
 
-  useInterval(() => {
+  useInactivityTimer(() => {
     fetchNotifications({ auth, settings });
   }, Constants.FETCH_NOTIFICATIONS_INTERVAL);
 

src/renderer/hooks/useInactivityTimer.test.ts

@@ -0,0 +1,183 @@
+import { act, renderHook } from '@testing-library/react';
+
+import { useInactivityTimer } from './useInactivityTimer';
+
+// Mock timers for testing
+jest.useFakeTimers();
+
+describe('hooks/useInactivityTimer.ts', () => {
+  afterEach(() => {
+    jest.clearAllTimers();
+    // Clear any event listeners
+    document.removeEventListener = jest.fn();
+    document.addEventListener = jest.fn();
+  });
+
+  afterAll(() => {
+    jest.useRealTimers();
+  });
+
+  it('should call callback after inactivity period', () => {
+    const mockCallback = jest.fn();
+    const delay = 60000; // 60 seconds
+
+    renderHook(() => useInactivityTimer(mockCallback, delay));
+
+    // Fast-forward time
+    act(() => {
+      jest.advanceTimersByTime(delay);
+    });
+
+    expect(mockCallback).toHaveBeenCalledTimes(1);
+  });
+
+  it('should not call callback before inactivity period', () => {
+    const mockCallback = jest.fn();
+    const delay = 60000; // 60 seconds
+
+    renderHook(() => useInactivityTimer(mockCallback, delay));
+
+    // Fast-forward time but not enough
+    act(() => {
+      jest.advanceTimersByTime(delay - 1000);
+    });
+
+    expect(mockCallback).not.toHaveBeenCalled();
+  });
+
+  it('should reset timer on user activity', () => {
+    const mockCallback = jest.fn();
+    const delay = 60000; // 60 seconds
+
+    // Mock document event handling
+    const addEventListenerSpy = jest.spyOn(document, 'addEventListener');
+    const removeEventListenerSpy = jest.spyOn(document, 'removeEventListener');
+
+    const { unmount } = renderHook(() =>
+      useInactivityTimer(mockCallback, delay),
+    );
+
+    // Verify event listeners were added
+    expect(addEventListenerSpy).toHaveBeenCalledWith(
+      'mousedown',
+      expect.any(Function),
+      { passive: true },
+    );
+    expect(addEventListenerSpy).toHaveBeenCalledWith(
+      'mousemove',
+      expect.any(Function),
+      { passive: true },
+    );
+    expect(addEventListenerSpy).toHaveBeenCalledWith(
+      'keypress',
+      expect.any(Function),
+      { passive: true },
+    );
+    expect(addEventListenerSpy).toHaveBeenCalledWith(
+      'scroll',
+      expect.any(Function),
+      { passive: true },
+    );
+    expect(addEventListenerSpy).toHaveBeenCalledWith(
+      'touchstart',
+      expect.any(Function),
+      { passive: true },
+    );
+    expect(addEventListenerSpy).toHaveBeenCalledWith(
+      'click',
+      expect.any(Function),
+      { passive: true },
+    );
+
+    // Simulate time passing
+    act(() => {
+      jest.advanceTimersByTime(30000); // 30 seconds
+    });
+
+    expect(mockCallback).not.toHaveBeenCalled();
+
+    // Simulate user activity (get the reset function from the event listener)
+    const resetTimerFn = addEventListenerSpy.mock.calls.find(
+      (call) => call[0] === 'click',
+    )?.[1] as () => void;
+
+    act(() => {
+      resetTimerFn(); // Simulate click
+    });
+
+    // Continue time, but timer should be reset
+    act(() => {
+      jest.advanceTimersByTime(30000); // Another 30 seconds (total 60)
+    });
+
+    // Callback should not have been called yet because timer was reset
+    expect(mockCallback).not.toHaveBeenCalled();
+
+    // Now advance the full delay from the reset
+    act(() => {
+      jest.advanceTimersByTime(60000);
+    });
+
+    expect(mockCallback).toHaveBeenCalledTimes(1);
+
+    // Cleanup
+    unmount();
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'mousedown',
+      expect.any(Function),
+    );
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'mousemove',
+      expect.any(Function),
+    );
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'keypress',
+      expect.any(Function),
+    );
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'scroll',
+      expect.any(Function),
+    );
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'touchstart',
+      expect.any(Function),
+    );
+    expect(removeEventListenerSpy).toHaveBeenCalledWith(
+      'click',
+      expect.any(Function),
+    );
+  });
+
+  it('should not set timer when delay is null', () => {
+    const mockCallback = jest.fn();
+
+    renderHook(() => useInactivityTimer(mockCallback, null as any));
+
+    act(() => {
+      jest.advanceTimersByTime(60000);
+    });
+
+    expect(mockCallback).not.toHaveBeenCalled();
+  });
+
+  it('should update callback when it changes', () => {
+    const mockCallback1 = jest.fn();
+    const mockCallback2 = jest.fn();
+    const delay = 60000;
+
+    const { rerender } = renderHook(
+      ({ callback }) => useInactivityTimer(callback, delay),
+      { initialProps: { callback: mockCallback1 } },
+    );
+
+    // Change the callback
+    rerender({ callback: mockCallback2 });
+
+    act(() => {
+      jest.advanceTimersByTime(delay);
+    });
+
+    expect(mockCallback1).not.toHaveBeenCalled();
+    expect(mockCallback2).toHaveBeenCalledTimes(1);
+  });
+});

src/renderer/hooks/useInactivityTimer.ts

@@ -0,0 +1,66 @@
+import { useCallback, useEffect, useRef } from 'react';
+
+/**
+ * Hook that triggers a callback after a specified period of user inactivity.
+ * User activity (mouse movement, clicks, key presses) resets the timer.
+ */
+export const useInactivityTimer = (callback: () => void, delay: number) => {
+  const savedCallback = useRef<(() => void) | null>(null);
+  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  // Remember the latest callback
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  // Reset the inactivity timer
+  const resetTimer = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+
+    if (delay !== null && savedCallback.current) {
+      timeoutRef.current = setTimeout(() => {
+        savedCallback.current?.();
+      }, delay);
+    }
+  }, [delay]);
+
+  // Set up event listeners for user activity
+  useEffect(() => {
+    if (delay === null) {
+      return;
+    }
+
+    // Events that indicate user activity
+    const events = [
+      'mousedown',
+      'mousemove',
+      'keypress',
+      'scroll',
+      'touchstart',
+      'click',
+    ];
+
+    // Add event listeners to track activity
+    events.forEach((event) => {
+      document.addEventListener(event, resetTimer, { passive: true });
+    });
+
+    // Start the initial timer
+    resetTimer();
+
+    // Cleanup function
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      events.forEach((event) => {
+        document.removeEventListener(event, resetTimer);
+      });
+    };
+  }, [delay, resetTimer]);
+
+  // Return the reset function for manual timer resets if needed
+  return resetTimer;
+};