AI linter fixes

2025-12-14 17:50:08 +01:00
parent 907acc4fec
commit 2e3ba71148
2 changed files with 133 additions and 101 deletions
--- a/app/dashboard/page.test.tsx
+++ b/app/dashboard/page.test.tsx
@@ -12,53 +12,61 @@ vi.mock('next/navigation', () => ({

 // Mock ResizeObserver
 global.ResizeObserver = class ResizeObserver {
-  observe() {}
-  unobserve() {}
-  disconnect() {}
+  observe(): void {
+    /* noop */
+  }
+  unobserve(): void {
+    /* noop */
+  }
+  disconnect(): void {
+    /* noop */
+  }
 };

 // Mock fetch
 global.fetch = vi.fn();

-const createTestQueryClient = () => new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: false,
+const createTestQueryClient = () =>
+  new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+      },
    },
-  },
-});
+  });

 describe('Dashboard', () => {
  beforeEach(() => {
    vi.clearAllMocks();

    // Mock Auth Response
-    (global.fetch as any).mockImplementation((url: string) => {
+    vi.mocked(global.fetch).mockImplementation((url: string | URL | Request) => {
      if (url === '/api/auth') {
        return Promise.resolve({
          json: () => Promise.resolve({ authenticated: true, token: 'test-token' }),
-        });
+        } as Response);
      }
      if (url === '/api/habits') {
        return Promise.resolve({
          ok: true,
-          json: () => Promise.resolve({
-            habits: [
-              {
-                id: 1,
-                name: 'Test Habit',
-                type: 'neutral',
-                totalLogs: 5,
-                logsLastWeek: 2,
-                logsLastMonth: 5,
-                createdAt: new Date().toISOString(),
-                lastLoggedAt: new Date().toISOString(),
-              }
-            ]
-          }),
-        });
+          json: () =>
+            Promise.resolve({
+              habits: [
+                {
+                  id: 1,
+                  name: 'Test Habit',
+                  type: 'neutral',
+                  totalLogs: 5,
+                  logsLastWeek: 2,
+                  logsLastMonth: 5,
+                  createdAt: new Date().toISOString(),
+                  lastLoggedAt: new Date().toISOString(),
+                },
+              ],
+            }),
+        } as Response);
      }
-      return Promise.resolve({ ok: true, json: () => Promise.resolve({}) });
+      return Promise.resolve({ ok: true, json: () => Promise.resolve({}) } as Response);
    });
  });

@@ -66,7 +74,7 @@ describe('Dashboard', () => {
    render(
      <QueryClientProvider client={createTestQueryClient()}>
        <Dashboard />
-      </QueryClientProvider>
+      </QueryClientProvider>,
    );

    await waitFor(() => {
@@ -78,7 +86,7 @@ describe('Dashboard', () => {
    render(
      <QueryClientProvider client={createTestQueryClient()}>
        <Dashboard />
-      </QueryClientProvider>
+      </QueryClientProvider>,
    );

    await waitFor(() => {
@@ -99,7 +107,7 @@ describe('Dashboard', () => {
    render(
      <QueryClientProvider client={createTestQueryClient()}>
        <Dashboard />
-      </QueryClientProvider>
+      </QueryClientProvider>,
    );

    await waitFor(() => {
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -109,7 +109,9 @@ export default function Dashboard() {
    const interval = setInterval(() => {
      setCurrentTime(Date.now());
    }, 60000);
-    return () => clearInterval(interval);
+    return () => {
+      clearInterval(interval);
+    };
  }, []);

  // Fetch habits
@@ -140,9 +142,9 @@ export default function Dashboard() {
  });

  // Undo log mutation
-  const undoLogMutation = useMutation<void, Error, number>({
+  const undoLogMutation = useMutation<unknown, Error, number>({
    mutationFn: async (habitId: number): Promise<void> => {
-      const res = await fetch(`/api/habits/${habitId}/log`, {
+      const res = await fetch(`/api/habits/${String(habitId)}/log`, {
        method: 'DELETE',
      });
      if (!res.ok) throw new Error('Failed to undo log');
@@ -172,9 +174,13 @@ export default function Dashboard() {
  });

  // Update habit mutation
-  const updateHabitMutation = useMutation<HabitResponse, Error, { id: number; name: string; type: string }>({
+  const updateHabitMutation = useMutation<
+    HabitResponse,
+    Error,
+    { id: number; name: string; type: string }
+  >({
    mutationFn: async ({ id, name, type }): Promise<HabitResponse> => {
-      const res = await fetch(`/api/habits/${id}`, {
+      const res = await fetch(`/api/habits/${String(id)}`, {
        method: 'PATCH',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ name, type }),
@@ -189,9 +195,9 @@ export default function Dashboard() {
  });

  // Delete habit mutation
-  const deleteHabitMutation = useMutation<void, Error, number>({
+  const deleteHabitMutation = useMutation<unknown, Error, number>({
    mutationFn: async (id: number): Promise<void> => {
-      const res = await fetch(`/api/habits/${id}`, {
+      const res = await fetch(`/api/habits/${String(id)}`, {
        method: 'DELETE',
      });
      if (!res.ok) throw new Error('Failed to delete habit');
@@ -450,8 +456,10 @@ export default function Dashboard() {
                      variant="ghost"
                      size="icon"
                      className="h-8 w-8 opacity-0 transition-opacity group-hover:opacity-100 hover:bg-black/20"
-                      onClick={(e) => openEditDialog(e, habit)}
-                      data-testid={`edit-habit-${habit.id}`}
+                      onClick={(e) => {
+                        openEditDialog(e, habit);
+                      }}
+                      data-testid={`edit-habit-${String(habit.id)}`}
                    >
                      <MoreVertical className="h-4 w-4" />
                    </Button>
@@ -463,34 +471,34 @@ export default function Dashboard() {
                  {/* Last logged */}
                  <div className="flex items-center justify-between text-sm">
                    <div className="flex items-center gap-2">
-                        <Clock className="h-4 w-4 text-zinc-500" />
-                        <span className="text-zinc-400">
+                      <Clock className="h-4 w-4 text-zinc-500" />
+                      <span className="text-zinc-400">
                        {habit.lastLoggedAt
-                            ? formatDistanceToNow(new Date(habit.lastLoggedAt), { addSuffix: true })
-                            : 'Never logged'}
-                        </span>
+                          ? formatDistanceToNow(new Date(habit.lastLoggedAt), { addSuffix: true })
+                          : 'Never logged'}
+                      </span>
                    </div>
                    {habit.lastLoggedAt && (
-                        <TooltipProvider>
-                            <Tooltip>
-                                <TooltipTrigger asChild>
-                                    <Button
-                                        variant="ghost"
-                                        size="icon"
-                                        className="h-6 w-6 text-zinc-500 hover:text-red-400 hover:bg-red-950/30"
-                                        onClick={(e) => {
-                                            e.stopPropagation();
-                                            undoLogMutation.mutate(habit.id);
-                                        }}
-                                    >
-                                        <RotateCcw className="h-3 w-3" />
-                                    </Button>
-                                </TooltipTrigger>
-                                <TooltipContent>
-                                    <p>Undo last log</p>
-                                </TooltipContent>
-                            </Tooltip>
-                        </TooltipProvider>
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <Button
+                              variant="ghost"
+                              size="icon"
+                              className="h-6 w-6 text-zinc-500 hover:bg-red-950/30 hover:text-red-400"
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                undoLogMutation.mutate(habit.id);
+                              }}
+                            >
+                              <RotateCcw className="h-3 w-3" />
+                            </Button>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <p>Undo last log</p>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
                    )}
                  </div>

@@ -555,7 +563,12 @@ export default function Dashboard() {
        </div>

        {/* Edit Habit Dialog */}
-        <Dialog open={!!editingHabit} onOpenChange={(open) => !open && setEditingHabit(null)}>
+        <Dialog
+          open={!!editingHabit}
+          onOpenChange={(open) => {
+            if (!open) setEditingHabit(null);
+          }}
+        >
          <DialogContent className="border-zinc-800 bg-zinc-950">
            <DialogHeader>
              <DialogTitle>Edit Habit</DialogTitle>
@@ -569,7 +582,9 @@ export default function Dashboard() {
                <Input
                  id="edit-name"
                  value={editHabitName}
-                  onChange={(e) => setEditHabitName(e.target.value)}
+                  onChange={(e) => {
+                    setEditHabitName(e.target.value);
+                  }}
                  className="border-zinc-800 bg-zinc-900"
                />
              </div>
@@ -608,47 +623,56 @@ export default function Dashboard() {
              </div>
            </div>
            <DialogFooter className="flex-col items-stretch gap-2 sm:flex-row sm:justify-between">
-               <div className="flex flex-1 justify-start">
+              <div className="flex flex-1 justify-start">
                {showDeleteConfirm ? (
-                   <div className="flex items-center gap-2">
-                     <Button
-                       variant="destructive"
-                       onClick={handleDeleteHabit}
-                       disabled={deleteHabitMutation.isPending}
-                     >
-                       {deleteHabitMutation.isPending ? 'Deleting...' : 'Confirm Delete'}
-                     </Button>
-                     <Button variant="ghost" onClick={() => setShowDeleteConfirm(false)}>
-                       Cancel
-                     </Button>
-                   </div>
+                  <div className="flex items-center gap-2">
+                    <Button
+                      variant="destructive"
+                      onClick={handleDeleteHabit}
+                      disabled={deleteHabitMutation.isPending}
+                    >
+                      {deleteHabitMutation.isPending ? 'Deleting...' : 'Confirm Delete'}
+                    </Button>
+                    <Button
+                      variant="ghost"
+                      onClick={() => {
+                        setShowDeleteConfirm(false);
+                      }}
+                    >
+                      Cancel
+                    </Button>
+                  </div>
                ) : (
                  <Button
                    variant="outline"
                    className="border-red-900 text-red-500 hover:bg-red-950 hover:text-red-400"
-                    onClick={() => setShowDeleteConfirm(true)}
+                    onClick={() => {
+                      setShowDeleteConfirm(true);
+                    }}
                  >
                    <Trash2 className="mr-2 h-4 w-4" />
                    Archive Habit
                  </Button>
                )}
-               </div>
-               <div className="flex items-center gap-2 justify-end">
-                  <Button
-                    variant="outline"
-                    onClick={() => setEditingHabit(null)}
-                  >
-                    Cancel
-                  </Button>
-                  <Button
-                    onClick={handleUpdateHabit}
-                    disabled={!editHabitName.trim() || updateHabitMutation.isPending}
-                    className="bg-emerald-600 hover:bg-emerald-700"
-                  >
-                    <Save className="mr-2 h-4 w-4" />
-                    {updateHabitMutation.isPending ? 'Saving...' : 'Save Changes'}
-                  </Button>
-               </div>
+              </div>
+              <div className="flex items-center justify-end gap-2">
+                <Button
+                  variant="outline"
+                  onClick={() => {
+                    setEditingHabit(null);
+                  }}
+                >
+                  Cancel
+                </Button>
+                <Button
+                  onClick={handleUpdateHabit}
+                  disabled={!editHabitName.trim() || updateHabitMutation.isPending}
+                  className="bg-emerald-600 hover:bg-emerald-700"
+                >
+                  <Save className="mr-2 h-4 w-4" />
+                  {updateHabitMutation.isPending ? 'Saving...' : 'Save Changes'}
+                </Button>
+              </div>
            </DialogFooter>
          </DialogContent>
        </Dialog>