Show currently active key in settings (#542)

Skyvern-AI · Jul 3, 2024 · 52a1328 · 52a1328
1 parent b791cc1
commit 52a1328
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/skyvern-frontend/src/routes/settings/Settings.tsx b/skyvern-frontend/src/routes/settings/Settings.tsx
@@ -14,10 +14,13 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
+import { envCredential } from "@/util/env";
+import { HiddenCopyableInput } from "@/components/ui/hidden-copyable-input";
 
 function Settings() {
   const { environment, organization, setEnvironment, setOrganization } =
     useSettingsStore();
+  const apiKey = envCredential;
 
   return (
     <div className="flex flex-col gap-8">
@@ -55,6 +58,15 @@ function Settings() {
           </div>
         </CardContent>
       </Card>
+      <Card>
+        <CardHeader className="border-b-2">
+          <CardTitle className="text-lg">API Key</CardTitle>
+          <CardDescription>Currently active API key</CardDescription>
+        </CardHeader>
+        <CardContent className="p-8">
+          <HiddenCopyableInput value={apiKey ?? "API key not found"} />
+        </CardContent>
+      </Card>
     </div>
   );
 }