Client-Side Updates for Universal Login

[mahid797]

We have a custom login UI (email/password forms, etc.). When Auth0 is active, we’ll disable or redirect those forms to Auth0’s Universal Login. When Credentials are active, we keep our current forms. This ensures our UI is consistent and toggles seamlessly between two distinct auth methods.

Goals & Scope

• Conditional UI: Show or hide the credentials login form based on AUTH_METHOD.
• Redirect to Auth0: If AUTH_METHOD=auth0, direct the user to /api/auth/signin/auth0 or the relevant route that triggers Universal Login.
• Manual Testing: Verify both modes (credentials vs. Auth0) function without breaking other features.

Detailed Tasks

1. Conditional Sign-In

   • On Sign In pages, if AUTH_METHOD=auth0, replace form submission with a redirect to signIn('auth0') (NextAuth’s built-in method).
   • If AUTH_METHOD=credentials, keep the existing email/password form.

2. Hide or Disable Additional UI

   • Sign-Up / Reset Password: If we rely on Auth0’s universal sign-up/password reset, we can hide our custom forms or direct the user to Auth0’s flow.
   • For credentials mode, keep the current UI as is.

3. Manual QA

   • Scenario 1: AUTH_METHOD=credentials – confirm custom sign-up/sign-in/reset forms still work.
   • Scenario 2: AUTH_METHOD=auth0 – confirm the user is redirected to Auth0 for sign-in, and upon success, we see their data in Supabase.

4. Documentation

   • Add a brief note (possibly in README.md) explaining how to switch AUTH_METHOD and what effect it has on the UI.

Acceptance Criteria

• Toggling AUTH_METHOD=auth0 or AUTH_METHOD=credentials switches the UI seamlessly.
• “Sign In” button triggers Auth0’s Universal Login when Auth0 is active.
• Custom forms remain fully functional when AUTH_METHOD=credentials is set.
• Minimal or no confusion for users regarding “where did my sign-up form go?” in Auth0 mode.