From 7cc7c8d27b6ff319653f233519a3067dc9d91346 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Mon, 22 Sep 2025 11:06:52 +0200
Subject: [PATCH] Hide age, city and gender if null

---
 web/components/profile/profile-header.tsx       | 2 +-
 web/components/profile/profile-primary-info.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/components/profile/profile-header.tsx b/web/components/profile/profile-header.tsx
index 0407a5d4..1ac3344d 100644
--- a/web/components/profile/profile-header.tsx
+++ b/web/components/profile/profile-header.tsx
@@ -60,7 +60,7 @@ export default function ProfileHeader(props: {
                 ) : (
                   <span className="font-semibold">{user.name}</span>
                 )}
-                , {profile.age}
+                {profile.age ? `, ${profile.age}` : ''}
               </span>
             </Row>
             <ProfilePrimaryInfo profile={profile}/>
diff --git a/web/components/profile/profile-primary-info.tsx b/web/components/profile/profile-primary-info.tsx
index 8efdf336..f578a209 100644
--- a/web/components/profile/profile-primary-info.tsx
+++ b/web/components/profile/profile-primary-info.tsx
@@ -17,16 +17,16 @@ export default function ProfilePrimaryInfo(props: { profile: Profile }) {
       : profile.country
   return (
     <Row className="text-ink-700 gap-4 text-sm">
-      <IconWithInfo
+      {profile.city && <IconWithInfo
         text={`${profile.city ?? ''}, ${stateOrCountry ?? ''}`}
         icon={<IoLocationOutline className="h-4 w-4" />}
-      />
-      <IconWithInfo
+      />}
+      {profile.gender && <IconWithInfo
         text={capitalize(convertGender(profile.gender as Gender))}
         icon={
           <GenderIcon gender={profile.gender as Gender} className="h-4 w-4 " />
         }
-      />
+      />}
       {profile.height_in_inches != null && (
         <IconWithInfo
           text={formatProfileValue('height_in_inches', profile.height_in_inches)}