Enhance user profiles with character class feature: Add character class field to user model and update related API routes, UI components, and validation logic. This update improves user profile customization and leaderboard entries by allowing users to select and display their character class.

app/api/leaderboard/route.ts

@@ -15,6 +15,7 @@ export async function GET() {
         level: true,
         avatar: true,
         bio: true,
+        characterClass: true,
       },
     });
 
@@ -27,6 +28,7 @@ export async function GET() {
           level: number;
           avatar: string | null;
           bio: string | null;
+          characterClass: string | null;
         },
         index: number
       ) => ({
@@ -36,6 +38,7 @@ export async function GET() {
         level: user.level,
         avatar: user.avatar,
         bio: user.bio,
+        characterClass: user.characterClass,
       })
     );
 

app/api/profile/route.ts

@@ -1,6 +1,7 @@
 import { NextResponse } from "next/server";
 import { auth } from "@/lib/auth";
 import { prisma } from "@/lib/prisma";
+import { CharacterClass } from "@/prisma/generated/prisma/enums";
 
 export async function GET() {
   try {
@@ -18,6 +19,7 @@ export async function GET() {
         username: true,
         avatar: true,
         bio: true,
+        characterClass: true,
         hp: true,
         maxHp: true,
         xp: true,
@@ -51,7 +53,7 @@ export async function PUT(request: Request) {
     }
 
     const body = await request.json();
-    const { username, avatar, bio } = body;
+    const { username, avatar, bio, characterClass } = body;
 
     // Validation
     if (username !== undefined) {
@@ -101,8 +103,35 @@ export async function PUT(request: Request) {
       }
     }
 
+    // Validation characterClass
+    const validClasses = [
+      "WARRIOR",
+      "MAGE",
+      "ROGUE",
+      "RANGER",
+      "PALADIN",
+      "ENGINEER",
+      "MERCHANT",
+      "SCHOLAR",
+      "BERSERKER",
+      "NECROMANCER",
+    ];
+    if (characterClass !== undefined && characterClass !== null) {
+      if (!validClasses.includes(characterClass)) {
+        return NextResponse.json(
+          { error: "Classe de personnage invalide" },
+          { status: 400 }
+        );
+      }
+    }
+
     // Mettre à jour l'utilisateur
-    const updateData: { username?: string; avatar?: string | null; bio?: string | null } = {};
+    const updateData: {
+      username?: string;
+      avatar?: string | null;
+      bio?: string | null;
+      characterClass?: CharacterClass | null;
+    } = {};
     if (username !== undefined) {
       updateData.username = username.trim();
     }
@@ -112,6 +141,9 @@ export async function PUT(request: Request) {
     if (bio !== undefined) {
       updateData.bio = bio.trim() || null;
     }
+    if (characterClass !== undefined) {
+      updateData.characterClass = (characterClass as CharacterClass) || null;
+    }
 
     const updatedUser = await prisma.user.update({
       where: { id: session.user.id },
@@ -122,6 +154,7 @@ export async function PUT(request: Request) {
         username: true,
         avatar: true,
         bio: true,
+        characterClass: true,
         hp: true,
         maxHp: true,
         xp: true,

app/leaderboard/page.tsx

@@ -10,6 +10,7 @@ interface LeaderboardEntry {
   level: number;
   avatar: string | null;
   bio: string | null;
+  characterClass: string | null;
 }
 
 export default async function LeaderboardPage() {
@@ -25,6 +26,7 @@ export default async function LeaderboardPage() {
       level: true,
       avatar: true,
       bio: true,
+      characterClass: true,
     },
   });
 
@@ -35,6 +37,7 @@ export default async function LeaderboardPage() {
     level: user.level,
     avatar: user.avatar,
     bio: user.bio,
+    characterClass: user.characterClass,
   }));
 
   const backgroundImage = await getBackgroundImage(

app/profile/page.tsx

@@ -20,6 +20,7 @@ export default async function ProfilePage() {
       username: true,
       avatar: true,
       bio: true,
+      characterClass: true,
       hp: true,
       maxHp: true,
       xp: true,
@@ -34,13 +35,24 @@ export default async function ProfilePage() {
     redirect("/login");
   }
 
-  const backgroundImage = await getBackgroundImage("home", "/got-background.jpg");
+  const backgroundImage = await getBackgroundImage(
+    "home",
+    "/got-background.jpg"
+  );
+
+  // Convert Date to string for the component
+  const userProfile = {
+    ...user,
+    createdAt: user.createdAt.toISOString(),
+  };
 
   return (
     <main className="min-h-screen bg-black relative">
       <NavigationWrapper />
-      <ProfileForm initialProfile={user} backgroundImage={backgroundImage} />
+      <ProfileForm
+        initialProfile={userProfile}
+        backgroundImage={backgroundImage}
+      />
     </main>
   );
 }
-