From de6c372d6eb9f95432651ac78feba1a704441c20 Mon Sep 17 00:00:00 2001 From: Kiril Kartunov Date: Mon, 7 Aug 2023 09:47:39 +0300 Subject: [PATCH] MP-340 show handle if pref --- .../src/member-profile/about-me/AboutMe.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/apps/profiles/src/member-profile/about-me/AboutMe.tsx b/src/apps/profiles/src/member-profile/about-me/AboutMe.tsx index 8934d50ed..69be73a23 100644 --- a/src/apps/profiles/src/member-profile/about-me/AboutMe.tsx +++ b/src/apps/profiles/src/member-profile/about-me/AboutMe.tsx @@ -3,7 +3,7 @@ import { useSearchParams } from 'react-router-dom' import { KeyedMutator } from 'swr' import classNames from 'classnames' -import { useMemberTraits, UserProfile, UserTraitIds, UserTraits } from '~/libs/core' +import { useMemberTraits, UserProfile, UserTrait, UserTraitIds, UserTraits } from '~/libs/core' import { AddButton, EditMemberPropertyBtn, EmptySection } from '../../components' import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config' @@ -38,6 +38,11 @@ const AboutMe: FC = (props: AboutMeProps) => { props.profile && !props.profile.description ), [props.profile]) + const namesAndHandleAppearanceData: UserTrait | undefined + = useMemo(() => memberPersonalizationTraits?.[0]?.traits?.data?.find( + (trait: UserTrait) => trait.namesAndHandleAppearance, + ), [memberPersonalizationTraits]) + useEffect(() => { if (props.authProfile && editMode === profileEditModes.aboutMe) { setIsEditMode(true) @@ -70,7 +75,11 @@ const AboutMe: FC = (props: AboutMeProps) => { {' '} I'm {' '} - {props.profile?.firstName || props.profile?.handle} + { + namesAndHandleAppearanceData?.namesAndHandleAppearance === 'handleOnly' + ? props.profile?.handle + : props.profile?.firstName + }