From 418fbf13e02d19dc0bc5eec37eb54bfe7a97253e Mon Sep 17 00:00:00 2001
From: KevIsDev <zennerd404@gmail.com>
Date: Tue, 25 Mar 2025 13:54:15 +0000
Subject: [PATCH] refactor: remove debug log and improve button layout in
 SupabaseConnection

Remove console.log statement for debugging purposes in the API route and enhance the layout of buttons in the SupabaseConnection component by grouping them and adding a refresh button
---
 app/components/chat/SupabaseConnection.tsx | 24 +++++++++++++++-------
 app/routes/api.supabase.ts                 |  5 -----
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/app/components/chat/SupabaseConnection.tsx b/app/components/chat/SupabaseConnection.tsx
index a9261f4..dc73973 100644
--- a/app/components/chat/SupabaseConnection.tsx
+++ b/app/components/chat/SupabaseConnection.tsx
@@ -214,13 +214,23 @@ export function SupabaseConnection() {
                           )}
                         />
                       </button>
-                      <button
-                        onClick={() => handleCreateProject()}
-                        className="px-2 py-1 rounded-md text-xs bg-[#3ECF8E] text-white hover:bg-[#3BBF84] flex items-center gap-1"
-                      >
-                        <div className="i-ph:plus w-3 h-3" />
-                        New Project
-                      </button>
+                      <div className="flex items-center gap-2">
+                        <button
+                          onClick={() => fetchSupabaseStats(supabaseConn.token)}
+                          className="px-2 py-1 rounded-md text-xs bg-[#F0F0F0] dark:bg-[#252525] text-bolt-elements-textSecondary hover:bg-[#E5E5E5] dark:hover:bg-[#333333] flex items-center gap-1"
+                          title="Refresh projects list"
+                        >
+                          <div className="i-ph:arrows-clockwise w-3 h-3" />
+                          Refresh
+                        </button>
+                        <button
+                          onClick={() => handleCreateProject()}
+                          className="px-2 py-1 rounded-md text-xs bg-[#3ECF8E] text-white hover:bg-[#3BBF84] flex items-center gap-1"
+                        >
+                          <div className="i-ph:plus w-3 h-3" />
+                          New Project
+                        </button>
+                      </div>
                     </div>
 
                     {isProjectsExpanded && (
diff --git a/app/routes/api.supabase.ts b/app/routes/api.supabase.ts
index 955ae44..f21da60 100644
--- a/app/routes/api.supabase.ts
+++ b/app/routes/api.supabase.ts
@@ -34,11 +34,6 @@ export const action: ActionFunction = async ({ request }) => {
       }
     }
 
-    console.log(
-      'Unique projects:',
-      Array.from(uniqueProjectsMap.values()).map((p) => ({ id: p.id, name: p.name })),
-    );
-
     const uniqueProjects = Array.from(uniqueProjectsMap.values());
 
     uniqueProjects.sort((a, b) => new Date(b.created_at).getTime() - new Date(a.created_at).getTime());