mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-08 23:25:01 -04:00
Code Issues Packages Projects Releases Wiki Activity

"Conditionally render profile sections based on content and current user state, ensuring cleaner UI and improved logic."

Browse Source
This commit is contained in:
MartinBraquet
2026-05-08 15:06:37 +02:00
parent 01467553d5
commit d7ef972669
1 changed files with 53 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
web/components/profile/profile-info.tsx
View File

@@ -174,7 +174,9 @@ export function ProfileInfo(props: {
<div className="from-canvas-50 absolute bottom-0 h-12 w-full bg-gradient-to-t to-transparent" />
</Col>
<Row className="gap-2">
<SignUpButton text={t('profile.info.signup_to_see', 'Sign up to see profile')} />
<SignUpButton
text={t('profile.info.signup_to_see', 'Sign up to see their full profile')}
/>
</Row>
</Col>
)}
@@ -259,7 +261,7 @@ function ProfileContent(props: {
refreshProfile,
fromProfilePage,
fromSignup,
isProfileVisible,
// isProfileVisible,
// likesGiven,
// likesReceived,
// ships,
@@ -282,9 +284,11 @@ function ProfileContent(props: {
/>
</ProfileCard>
<ProfileCard title={t('profile.interests_and_causes', 'Interests')} className="p-5">
<ProfileInterestsAndCauses profile={profile} />
</ProfileCard>
{(!!profile.interests?.length || !!profile.causes?.length) && (
<ProfileCard title={t('profile.interests_and_causes', 'Interests')} className="p-5">
<ProfileInterestsAndCauses profile={profile} />
</ProfileCard>
)}
{(profile.mbti || profile.big5_agreeableness) && (
<ProfileCard title={t('profile.personality', 'Personality')} className="p-5">
@@ -299,48 +303,57 @@ function ProfileContent(props: {
)}
</Col>
<Col className="gap-6">
<ProfileCard title={t('profile.bio.about_me', 'About Me')} className="p-0">
<ProfileBio
isCurrentUser={isCurrentUser}
profile={profile}
refreshProfile={refreshProfile}
fromProfilePage={fromProfilePage}
/>
</ProfileCard>
{profile.bio && (
<ProfileCard title={t('profile.bio.about_me', 'About Me')} className="p-0">
<ProfileBio
isCurrentUser={isCurrentUser}
profile={profile}
refreshProfile={refreshProfile}
fromProfilePage={fromProfilePage}
/>
</ProfileCard>
)}
{isProfileVisible && (
{currentUser && (
// <ProfileCard className="!p-0">
<ProfileCarousel profile={profile} refreshProfile={refreshProfile} />
// </ProfileCard>
)}
<ProfileCard
className="p-5"
title={
isCurrentUser
? t('answers.display.your_prompts', 'Compatibility Prompts')
: t('answers.display.user_prompts', 'Compatibility Prompts', {
name: shortenName(user.name),
})
}
>
<ProfileAnswers
isCurrentUser={isCurrentUser}
user={user}
fromSignup={fromSignup}
fromProfilePage={fromProfilePage}
profile={profile}
/>
</ProfileCard>
{currentUser && (
<ProfileCard
className="p-5"
title={
isCurrentUser
? t('answers.display.your_prompts', 'Compatibility Prompts')
: t('answers.display.user_prompts', 'Compatibility Prompts', {
name: shortenName(user.name),
})
}
>
<ProfileAnswers
isCurrentUser={isCurrentUser}
user={user}
fromSignup={fromSignup}
fromProfilePage={fromProfilePage}
profile={profile}
/>
</ProfileCard>
)}
<ProfileCard className="p-5" title={t('profile.comments.section_title', 'Endorsements')}>
<ProfileCommentSection
onUser={user}
profile={profile}
currentUser={currentUser}
simpleView={!!fromProfilePage}
/>
</ProfileCard>
{currentUser && (
<ProfileCard
className="p-5"
title={t('profile.comments.section_title', 'Endorsements')}
>
<ProfileCommentSection
onUser={user}
profile={profile}
currentUser={currentUser}
simpleView={!!fromProfilePage}
/>
</ProfileCard>
)}
{!isCurrentUser && currentUser && (
<ProfileCard title={t('profile.connect.title', 'Connect')}>