diff --git a/app/layout.tsx b/app/layout.tsx index 9dd45b3..9164607 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -38,12 +38,22 @@ export const metadata: Metadata = { const googleClientId = process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID || ''; export default function RootLayout({ children }: { children: React.ReactNode }) { + const content = ( + + {children} + + ); + return ( - - - {children} + {googleClientId ? ( + + {content} + + ) : ( + content + )} - - ); diff --git a/app/login/page.tsx b/app/login/page.tsx index d5ec63c..c07bafc 100644 --- a/app/login/page.tsx +++ b/app/login/page.tsx @@ -20,6 +20,9 @@ export default function LoginPage() { const [isFacebookLoading, setIsFacebookLoading] = useState(false); const [isFacebookSDKLoaded, setIsFacebookSDKLoaded] = useState(false); + const hasGoogleAuth = !!process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID; + const hasFacebookAuth = !!process.env.NEXT_PUBLIC_FACEBOOK_APP_ID; + useEffect(() => { // Initialiser le SDK Facebook au chargement de la page initFacebookSDK() @@ -51,7 +54,7 @@ export default function LoginPage() { } }; - const handleGoogleLogin = useGoogleLogin({ + const handleGoogleLogin = hasGoogleAuth ? useGoogleLogin({ onSuccess: async (tokenResponse) => { setIsGoogleLoading(true); console.log('🔑 Token Google reçu:', tokenResponse); @@ -69,7 +72,9 @@ export default function LoginPage() { }, flow: 'implicit', scope: 'openid email profile', - }); + }) : () => { + toast.error("La connexion Google n'est pas configurée"); + }; const handleFacebookLogin = async () => { if (!isFacebookSDKLoaded) { @@ -142,63 +147,69 @@ export default function LoginPage() { -
-
-
-
+ {(hasGoogleAuth || hasFacebookAuth) && ( +
+
+
+
+
+
+ + Ou continuer avec + +
-
- - Ou continuer avec - + +
+ {hasGoogleAuth && ( + + )} + + {hasFacebookAuth && ( + + )}
- -
- - - -
-
+ )}

Vous n'avez pas de compte ?{" "}