catching up

package.json

@@ -12,7 +12,7 @@
     "@auth0/nextjs-auth0": "^3.5.0",
     "chart.js": "^4.4.7",
     "cookies-next": "^5.0.2",
-    "next": "15.0.2",
+    "next": "15.0.7",
     "next-intl": "^3.25.3",
     "plotly.js": "^3.0.1",
     "react": "19.0.0-rc-02c0e824-20241028",

src/app/api/auth/[auth0]/route.ts

@@ -1,3 +1,13 @@
-import { handleAuth } from '@auth0/nextjs-auth0';
+import { handleAuth, handleLogin } from "@auth0/nextjs-auth0";
 
-export const GET = handleAuth();
+export const GET = handleAuth({
+  login: handleLogin({
+    returnTo: "/chat",
+  }),
+  signup: handleLogin({
+    authorizationParams: {
+      screen_hint: "signup",
+    },
+    returnTo: "/chat",
+  }),
+});

src/app/components/login/tinyLogin.tsx

@@ -1,28 +1,49 @@
 "use client"
 
+import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import styles from "./login.module.scss";
-import { redirect } from "next/navigation";
 import { useAuthApi } from '@/app/hooks/useAuthApi';
 
-export default function TinyLogin(text: {label:string}) {
+export default function TinyLogin({ label }: { label: string }) {
   const { user, error, fetchToken } = useAuthApi();
   const router = useRouter();
 
-  if (error) return <div>{error.message}</div>;
-  if (user){
-    fetchToken().catch(console.error);
-    redirect('/chat');
-  } 
+  useEffect(() => {
+    if (user) {
+      fetchToken().catch(console.error);
+      router.push('/chat'); // Internal app navigation is fine with router.push
+    }
+  }, [user, fetchToken, router]);
 
-  const handleAuth = (action: 'login' | 'logout') => (e: React.MouseEvent) => {
+  if (error) return <div className={styles.error}>{error.message}</div>;
+
+  const handleAuth = (action: 'login' | 'logout' | 'signup') => (e: React.MouseEvent) => {
     e.preventDefault();
-    if (action === 'login') {router.push(`/api/auth/login?returnTo=/chat`)} else {router.push(`/api/auth/logout`)}
+
+    if (action === 'login') {
+      // This hits the default login handler
+      window.location.assign('/api/auth/login?returnTo=/chat');
+    } else if (action === 'signup') {
+      // This hits your specific signup handler defined in your GET route
+      window.location.assign('/api/auth/signup'); 
+    } else {
+      window.location.assign('/api/auth/logout');
+    }
   };
 
+  // If user is already logged in, we don't need to show the login button
+  if (user) return null;
+
   return (
     <div>
-      <button className={styles.tinyLogin} onClick={handleAuth('login')}>{text.label}</button>
+      <button 
+        className={styles.tinyLogin} 
+        onClick={handleAuth('login')}
+      >
+        {label}
+      </button>
     </div>
   );
+
 }