From 86240f4b4647c043650b6925ec44bc024f1a5699 Mon Sep 17 00:00:00 2001
From: Michael <michael@collectflow.local>
Date: Sat, 21 Feb 2026 15:15:22 +0100
Subject: [PATCH] chore(cleanup): remove unused imports, variables and fix
 missing hook dependencies

---
 diagnose_db.ts                                  |  2 +-
 src/app/(dashboard)/grid/page.tsx               |  1 -
 src/app/(dashboard)/settings/page.tsx           | 16 ++++++++--------
 src/features/grid/api/get-product-rows.ts       |  2 +-
 src/features/grid/components/financial-cell.tsx |  5 -----
 src/features/grid/components/heatmap-grid.tsx   |  2 +-
 6 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/diagnose_db.ts b/diagnose_db.ts
index fddb001..94f2891 100644
--- a/diagnose_db.ts
+++ b/diagnose_db.ts
@@ -6,7 +6,7 @@ import { sql } from "drizzle-orm";
 async function diagnose() {
     console.log("Checking DB connection...");
     try {
-        const result = await db.execute(sql`SELECT 1`);
+        await db.execute(sql`SELECT 1`);
         console.log("DB Connection OK.");
 
         console.log("Checking table 'ventes_produits'...");
diff --git a/src/app/(dashboard)/grid/page.tsx b/src/app/(dashboard)/grid/page.tsx
index a3472c3..bed3569 100644
--- a/src/app/(dashboard)/grid/page.tsx
+++ b/src/app/(dashboard)/grid/page.tsx
@@ -1,7 +1,6 @@
 import { getFournisseurs, getGridData, getMagasins } from "@/features/grid/actions";
 import { GridClient } from "@/features/grid/components/grid-client";
 import { SupplierSelectionLanding } from "@/features/grid/components/supplier-selection-landing";
-import { Suspense } from "react";
 
 interface GridPageProps {
     searchParams: Promise<{ fournisseur?: string; magasin?: string }>;
diff --git a/src/app/(dashboard)/settings/page.tsx b/src/app/(dashboard)/settings/page.tsx
index 472a53a..39cf81b 100644
--- a/src/app/(dashboard)/settings/page.tsx
+++ b/src/app/(dashboard)/settings/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useCallback } from "react";
-import { Save, Eye, EyeOff, CheckCircle, AlertCircle, Loader2, RefreshCw, Sun, Moon, BarChart3, RotateCcw } from "lucide-react";
+import { Save, Eye, EyeOff, CheckCircle, AlertCircle, Loader2, RefreshCw, Sun, Moon, RotateCcw } from "lucide-react";
 import { useTheme } from "next-themes";
 import { useGridStore } from "@/features/grid/store/use-grid-store";
 import { useScoreSettingsStore } from "@/features/score/store/use-score-settings-store";
@@ -71,11 +71,6 @@ export default function SettingsPage() {
         getDatabaseUrl
     } = useDbSettingsStore();
 
-    useEffect(() => {
-        setIsMounted(true);
-        reloadFromServer();
-    }, []);
-
     const fetchModels = useCallback(async (key: string) => {
         if (!key.trim()) return;
         setModelsStatus("loading");
@@ -90,7 +85,7 @@ export default function SettingsPage() {
         }
     }, []);
 
-    const reloadFromServer = async () => {
+    const reloadFromServer = useCallback(async () => {
         const config = await getSavedDatabaseConfig();
         if (config) {
             if (config.url) {
@@ -115,7 +110,12 @@ export default function SettingsPage() {
                 setSelectedModel(config.openRouterModel);
             }
         }
-    };
+    }, [fetchModels, setApiKey, setDatabase, setHost, setPassword, setPort, setSelectedModel, setSsl, setUser]);
+
+    useEffect(() => {
+        setIsMounted(true);
+        reloadFromServer();
+    }, [reloadFromServer]);
 
     const testDb = async () => {
         setDbStatus("testing");
diff --git a/src/features/grid/api/get-product-rows.ts b/src/features/grid/api/get-product-rows.ts
index e06e137..85cc304 100644
--- a/src/features/grid/api/get-product-rows.ts
+++ b/src/features/grid/api/get-product-rows.ts
@@ -2,7 +2,7 @@
 
 import { db } from "@/db";
 import { ventesProduits } from "@/db/schema";
-import { eq, and, ne, sql } from "drizzle-orm";
+import { eq, and, ne } from "drizzle-orm";
 import type { ProductRow, GammeCode } from "@/types/grid";
 import { computeProductScores } from "@/lib/score-engine";
 
diff --git a/src/features/grid/components/financial-cell.tsx b/src/features/grid/components/financial-cell.tsx
index 7c81e98..65b489b 100644
--- a/src/features/grid/components/financial-cell.tsx
+++ b/src/features/grid/components/financial-cell.tsx
@@ -6,11 +6,6 @@ interface FinancialCellProps {
     tauxMarge: number;
 }
 
-function getMarginColor(pct: number): string {
-    if (pct >= 45) return "#10b981"; // emerald-500
-    if (pct >= 20) return "#f59e0b"; // amber-500
-    return "#f43f5e";               // rose-500
-}
 
 export function FinancialCell({ totalCa, totalMarge, tauxMarge }: FinancialCellProps) {
     const isHighMargin = tauxMarge >= 45;
diff --git a/src/features/grid/components/heatmap-grid.tsx b/src/features/grid/components/heatmap-grid.tsx
index bda8237..9693a68 100644
--- a/src/features/grid/components/heatmap-grid.tsx
+++ b/src/features/grid/components/heatmap-grid.tsx
@@ -225,7 +225,7 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
             enableSorting: false,
             cell: ({ row }) => <AiInsightBlock row={row.original} />,
         },
-    ], [draftChanges, setDraftGamme]);
+    ], [draftChanges, setDraftGamme, MONTHS_12]);
 
     const table = useReactTable({
         data: rows,