Update APIKeyManager.tsx

aiproductguy · Dec 20, 2024 · 8762c10 · 8762c10
1 parent fc11222
commit 8762c10
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/app/components/chat/APIKeyManager.tsx b/app/components/chat/APIKeyManager.tsx
@@ -57,6 +57,14 @@ export const APIKeyManager: React.FC<APIKeyManagerProps> = ({ provider, apiKey,
           {provider?.getApiKeyLink && (
             <IconButton className="ml-auto" onClick={() => window.open(provider?.getApiKeyLink)} title="Edit API Key">
               <span className="mr-2 text-xs lg:text-sm">{provider?.labelForGetApiKey || 'Get API Key'}</span>
+              <div className="flex items-center gap-2">
+                <input
+                  type="text"
+                  placeholder="NameTag"
+                  className="px-2 py-1 text-xs rounded border border-bolt-elements-borderColor bg-bolt-elements-prompt-background text-bolt-elements-textPrimary focus:outline-none focus:ring-2 focus:ring-bolt-elements-focus w-24"
+                />
+                <div className="i-ph:hash" />
+              </div>
               <div className={provider?.icon || 'i-ph:key'} />
             </IconButton>
           )}