From 2acf41a913f676f0e80ee6f11eb7fb239fa40c14 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Tue, 29 Jul 2025 15:53:09 +0200
Subject: [PATCH] Add no profile warning

---
 app/profiles/[id]/page.tsx | 22 +++++++++++-----------
 app/profiles/page.tsx      | 12 +++++++++---
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/app/profiles/[id]/page.tsx b/app/profiles/[id]/page.tsx
index 61498fea..3fbf838d 100644
--- a/app/profiles/[id]/page.tsx
+++ b/app/profiles/[id]/page.tsx
@@ -106,12 +106,12 @@ export default function Post() {
 
           <div className="space-y-6 pt-4 border-t border-gray-200">
 
-            {user.profile.desiredConnections && (
+            {user?.profile?.desiredConnections && (
               <div className="mt-3">                <
                 h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Connection</h2>
 
                 <ul className="flex flex-wrap gap-2 mt-1">
-                  {user.profile.desiredConnections.map((value, idx) => (
+                  {user?.profile?.desiredConnections.map((value, idx) => (
                     <li
                       key={idx}
                       className="px-3 py-1 text-sm bg-gray-100 rounded-full hover:bg-gray-200 transition"
@@ -123,35 +123,35 @@ export default function Post() {
               </div>
             )}
 
-            {user.profile.gender && (
+            {user?.profile?.gender && (
               <div>
                 <h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Gender</h2>
                 <p className="mt-1 capitalize">{user.profile.gender}</p>
               </div>
             )}
 
-            {user.profile.location && (
+            {user?.profile?.location && (
               <div>
                 <h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Location</h2>
                 <p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.location}</p>
               </div>
             )}
 
-            {user.profile.personalityType && (
+            {user?.profile?.personalityType && (
               <div>
                 <h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Personality Type</h2>
                 <p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.personalityType}</p>
               </div>
             )}
 
-            {user.profile.conflictStyle && (
+            {user?.profile?.conflictStyle && (
               <div>
                 <h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Conflit Style</h2>
                 <p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.conflictStyle}</p>
               </div>
             )}
 
-            {user.profile.intellectualInterests && (
+            {user?.profile?.intellectualInterests && (
               <div className="mt-3">                <
                 h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Interests</h2>
 
@@ -168,7 +168,7 @@ export default function Post() {
               </div>
             )}
 
-            {user.profile.causeAreas && (
+            {user?.profile?.causeAreas && (
               <div className="mt-3">                <
                 h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Cause Areas</h2>
 
@@ -185,7 +185,7 @@ export default function Post() {
               </div>
             )}
 
-            {user.profile.promptAnswers && (
+            {user?.profile?.promptAnswers && (
               <div className="mt-3">                <
                 h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Prompt Answers</h2>
 
@@ -202,14 +202,14 @@ export default function Post() {
               </div>
             )}
 
-            {user.profile.description && (
+            {user?.profile?.description && (
               <div>
                 <h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">About</h2>
                 <p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.description}</p>
               </div>
             )}
 
-            {user.profile.contactInfo && (
+            {user?.profile?.contactInfo && (
               <div>
                 <h2 className="text-sm font-medium text-gray-500 uppercase tracking-wider">Contact</h2>
                 <p className="mt-1 text-gray-800 whitespace-pre-line">{user.profile.contactInfo}</p>
diff --git a/app/profiles/page.tsx b/app/profiles/page.tsx
index bc362901..2261adf7 100644
--- a/app/profiles/page.tsx
+++ b/app/profiles/page.tsx
@@ -50,18 +50,24 @@ export default function ProfilePage() {
     <div className="min-h-screen bg-gray-50 flex flex-col items-center py-24 px-8">
       <h1 className="text-5xl font-extrabold mb-12 text-[#333333]">Profiles</h1>
       <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-1 w-full max-w-6xl mb-8">
-        {profiles.map((user) => (
+        {profiles.length > 0 ?
+          (profiles.map((user) => (
           <Link key={user.id} href={`/profiles/${user.id}`} className="group">
             <div className="border rounded-lg shadow-md bg-white p-6 hover:shadow-lg transition-shadow duration-300">
               <h2 className="text-2xl font-semibold text-gray-900 group-hover:underline mb-2">{user.name}</h2>
-                {user.profile.description && (
+                {user?.profile?.description && (
                   <div>
                     <p className="text-xs text-gray-400 mb-4">{user.profile.description}</p>
                   </div>
                 )}
             </div>
           </Link>
-        ))}
+        ))) : (
+          <div className="flex items-center justify-center">
+            There are no profiles for this search. Relax the filters or come back later.
+          </div>
+        )
+        }
       </div>
     </div>
   );