diff --git a/apps/web/src/app/dashboard/settings/api-keys/page.tsx b/apps/web/src/app/dashboard/settings/api-keys/page.tsx
index 253d3b2..64445a9 100644
--- a/apps/web/src/app/dashboard/settings/api-keys/page.tsx
+++ b/apps/web/src/app/dashboard/settings/api-keys/page.tsx
@@ -207,14 +207,14 @@ ANOTHER_SECRET=xyz789"
{/* Add new key */}
Add New Key
- {saveError && (
-
{saveError}
- )}
+ {saveError &&
{saveError}
}
setNewKeyName(e.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, ''))}
+ onChange={(e) =>
+ setNewKeyName(e.target.value.toUpperCase().replace(/[^A-Z0-9_]/g, ''))
+ }
placeholder="KEY_NAME"
className="flex-1 px-3 py-2 bg-background border border-border rounded text-foreground text-sm font-mono placeholder:text-foreground-tertiary focus:outline-none focus:ring-2 focus:ring-primary/50"
/>
@@ -228,7 +228,10 @@ ANOTHER_SECRET=xyz789"
placeholder="Value"
className="flex-1 px-3 py-2 bg-background border border-border rounded text-foreground text-sm font-mono placeholder:text-foreground-tertiary focus:outline-none focus:ring-2 focus:ring-primary/50"
/>
-