From 9c85da08313bfeb4fc7ee74d6cb31cc4fd7d1181 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sun, 3 Aug 2025 14:21:51 +0200
Subject: [PATCH] Add core value to main page and inrease image size

---
 app/api/upload/route.ts       |  6 +++---
 app/complete-profile/page.tsx |  2 +-
 app/profiles/page.tsx         | 22 ++++++++++++----------
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/app/api/upload/route.ts b/app/api/upload/route.ts
index 06035260..baa6369e 100644
--- a/app/api/upload/route.ts
+++ b/app/api/upload/route.ts
@@ -31,9 +31,9 @@ export async function POST(request: Request) {
       return NextResponse.json({error: 'Only image files are allowed'}, {status: 400});
     }
 
-    // Validate file size (5MB max)
-    if (file.size > 5 * 1024 * 1024) {
-      return NextResponse.json({error: 'File size must be less than 5MB'}, {status: 400});
+    // Validate file size (10MB max)
+    if (file.size > 10 * 1024 * 1024) {
+      return NextResponse.json({error: 'File size must be less than 10MB'}, {status: 400});
     }
 
     const fileExtension = file.name.split('.').pop();
diff --git a/app/complete-profile/page.tsx b/app/complete-profile/page.tsx
index d415fc7a..b874fa21 100644
--- a/app/complete-profile/page.tsx
+++ b/app/complete-profile/page.tsx
@@ -208,7 +208,7 @@ function RegisterComponent() {
       return;
     }
 
-    if (file.size > 5 * 1024 * 1024) {
+    if (file.size > 10 * 1024 * 1024) {
       setError('Image size must be less than 5MB');
       return;
     }
diff --git a/app/profiles/page.tsx b/app/profiles/page.tsx
index 096e3b0e..332f221d 100644
--- a/app/profiles/page.tsx
+++ b/app/profiles/page.tsx
@@ -211,6 +211,18 @@ export default function ProfilePage() {
                           </p>
                         </div>
                       </div>
+                      <div className="mt-4 space-y-2 flex-grow">
+                        {user.profile?.coreValues && user.profile.coreValues.length > 0 && (
+                          <div className="flex flex-wrap gap-1">
+                            {user.profile.coreValues.slice(0, 6).map(({value}) => (
+                              <span key={value?.id}
+                                    className="inline-block text-xs px-2 py-1 bg-blue-50 text-blue-700 dark:text-white dark:bg-gray-700 rounded-full">
+                                {value?.name}
+                              </span>
+                            ))}
+                          </div>
+                        )}
+                      </div>
                       <div className="mt-4 space-y-2 flex-grow">
                         {user.profile?.intellectualInterests && user.profile.intellectualInterests.length > 0 && (
                           <div className="flex flex-wrap gap-1">
@@ -222,16 +234,6 @@ export default function ProfilePage() {
                             ))}
                           </div>
                         )}
-                        {/*{user.profile?.causeAreas && user.profile.causeAreas.length > 0 && (*/}
-                        {/*  <div className="flex flex-wrap gap-1">*/}
-                        {/*    {user.profile.causeAreas.slice(0, 3).map(({causeArea}) => (*/}
-                        {/*      <span key={causeArea?.id}*/}
-                        {/*            className="inline-block text-xs px-2 py-1 bg-blue-50 text-blue-700 dark:text-white dark:bg-gray-700 rounded-full">*/}
-                        {/*        {causeArea?.name}*/}
-                        {/*      </span>*/}
-                        {/*    ))}*/}
-                        {/*  </div>*/}
-                        {/*)}*/}
                       </div>
                     </div>
                   </Link>