Agent Key Card.

src/components/wrappers/dashboard/agent/AgentCardKey/AgentCardKey.tsx

@@ -0,0 +1,25 @@
+"use client"
+import {generateEdgeKey} from "@/utils/edge_key";
+import {getServerUrl} from "@/utils/get-server-url";
+import {Agent} from "@prisma/client";
+import {PasswordInput} from "@/components/wrappers/auth/PaswordInput/password-input";
+import {useState} from "react";
+import {CopyButton} from "@/components/wrappers/common/button/copy-button";
+
+export type AgentCardKeyProps = {
+    agent: Agent
+
+}
+
+export const AgentCardKey = (props: AgentCardKeyProps) => {
+    const edge_key = generateEdgeKey(getServerUrl(), props.agent.id);
+    const [code, setCode] = useState<string>(`${edge_key}`);
+
+
+    return(
+        <>
+            <PasswordInput value={code} onChange={(value: string) => {setCode(edge_key)} }/>
+            <CopyButton className="mt-5" value={code}/>
+        </>
+    )
+}