Merge pull request #37 from unicef/feat/hide-api-key-bar-when-set

Hide API key bar when key is already set

Author: amoghbanta

apps/studio/src/routes/__root.tsx

@@ -15,18 +15,20 @@ function RootLayout() {
 
   return (
     <div className="flex flex-col h-screen bg-background text-foreground">
-      <div className="flex items-center justify-end px-3 py-1 border-b">
-        <Button
-          variant="ghost"
-          size="icon"
-          className="h-8 w-8"
-          onClick={() => setShowKeyDialog(true)}
-          title="API Key Settings"
-        >
-          <KeyRound className="h-4 w-4" />
-          <span className="sr-only">API Key Settings</span>
-        </Button>
-      </div>
+      {!hasApiKey && (
+        <div className="flex items-center justify-end px-3 py-1 border-b">
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-8 w-8"
+            onClick={() => setShowKeyDialog(true)}
+            title="API Key Settings"
+          >
+            <KeyRound className="h-4 w-4" />
+            <span className="sr-only">API Key Settings</span>
+          </Button>
+        </div>
+      )}
 
       <main className="flex-1 min-h-0 flex flex-col overflow-hidden">
         <Outlet />