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