Agent Key Card.

src/components/wrappers/auth/login/loginForm/LoginForm.tsx

@@ -38,10 +38,6 @@ export const LoginForm = (props: loginFormProps) => {
             <Card>
                 <CardHeader>
                     <div className="grid gap-2 text-center mb-2">
-                        {/*<div className="justify-center text-center flex">*/}
-                        {/*    <Image src="/logo.png" alt="Logo Portabase" width={100}*/}
-                        {/*           height={50}/>*/}
-                        {/*</div>*/}
                         <h1 className="text-3xl font-bold">Login</h1>
                         <p className="text-balance text-muted-foreground">
                             Enter your informations bellow to login

src/components/wrappers/auth/login/socialAuth/socialAuthButtons/SocialAuthButton.tsx

@@ -2,21 +2,24 @@
 import {signInAction} from "@/features/auth/auth.action";
 import {Button} from "@/components/ui/button";
 import Image from "next/image";
+import {env} from "@/env.mjs";
 
 export type SocialAuthButtonProps = {}
 
 export const SocialAuthButton = (props: SocialAuthButtonProps) => {
     return (
         <div className="flex flex-col gap-4 mt-5">
-            <Button
-                onClick={(e) => {
-                    e.preventDefault();
-                    void signInAction("google")
-                }}
-            >
-                <Image src="/google-icon.png" alt="Google OAuth" width={25} height={25}/>
-                Sign in with google
-            </Button>
+            {env.NEXT_PUBLIC_GOOGLE_AUTH === "true" ?
+                <Button
+                    onClick={(e) => {
+                        e.preventDefault();
+                        void signInAction("google")
+                    }}
+                >
+                    <Image src="/google-icon.png" alt="Google OAuth" width={25} height={25}/>
+                    Sign in with google
+                </Button>
+            :null}
         </div>
     )
 }

src/components/wrappers/common/button/copy-button.tsx

@@ -13,7 +13,8 @@ export async function copyToClipboardWithMeta(value: string) {
 
 
 export type CopyButtonProps = {
-    value: string
+    value: string,
+    className: string
 }
 
 

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}/>
+        </>
+    )
+}