From 135058e2e1e619df67109c55f4ade10fc75bfd93 Mon Sep 17 00:00:00 2001
From: Nathan Lamy <nathan.lamycharrier@gmail.com>
Date: Thu, 21 Aug 2025 18:46:36 +0200
Subject: [PATCH] feat: improve auth flow

---
 app/components/settings/profile.tsx | 2 +-
 app/lib/api.ts                      | 4 ++--
 app/routes/register.tsx             | 8 ++++++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/components/settings/profile.tsx b/app/components/settings/profile.tsx
index 5e1f096..fa38602 100644
--- a/app/components/settings/profile.tsx
+++ b/app/components/settings/profile.tsx
@@ -68,7 +68,7 @@ export default function Profile({ user }: { user: User }) {
         <Button
           variant="destructive"
           className="w-full text-white"
-          onClick={logout}
+          onClick={handleLogout}
         >
           <LogOut className="mr-2 h-4 w-4" />
           Se déconnecter
diff --git a/app/lib/api.ts b/app/lib/api.ts
index 220d076..9f2f2e0 100644
--- a/app/lib/api.ts
+++ b/app/lib/api.ts
@@ -68,13 +68,13 @@ export const getClasses = async () => {
 };
 
 export const registerUser = async (
-  name: string,
+  userId: number,
   className: string,
   token: string
 ) => {
   return makePostRequest(
     "/auth/register",
-    { name, className, token },
+    { userId, className, token },
     "Échec de l'inscription"
   );
 };
diff --git a/app/routes/register.tsx b/app/routes/register.tsx
index 73ccd0b..bef8802 100644
--- a/app/routes/register.tsx
+++ b/app/routes/register.tsx
@@ -52,7 +52,7 @@ export default function Register() {
   const [error, setError] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState(false);
 
-  const [names, setNames] = useState<{ value: string; label: string }[]>([]);
+  const [names, setNames] = useState<{ value: string; label: string, userId: number }[]>([]);
   const hasSubmitted = names.length > 0;
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -84,7 +84,11 @@ export default function Register() {
     } else {
       // Register user
       if (!name) return setError("Veuillez compléter votre nom.");
-      await registerUser(name, className, token!)
+      const userId = names.find(
+        (n) => n.value === name
+      )?.userId;
+      if (!userId) return setError("Une erreur est survenue, veuillez réessayer.");
+      await registerUser(userId, className, token!)
         .then(() => {
           setIsLoading(false);
           navigate("/", {