diff --git a/src/apps/profiles/src/member-profile/about-me/AboutMe.module.scss b/src/apps/profiles/src/member-profile/about-me/AboutMe.module.scss index 228f9b0de..a5551e00a 100644 --- a/src/apps/profiles/src/member-profile/about-me/AboutMe.module.scss +++ b/src/apps/profiles/src/member-profile/about-me/AboutMe.module.scss @@ -27,3 +27,16 @@ padding: $sp-4 $sp-4 $sp-4 0; } } + +.titleWrap { + margin-top: $sp-8; +} + +.email { + display: flex; + align-items: center; +} + +.emailText { + margin-top: $sp-2; +} 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 64161ce38..f35c87bf5 100644 --- a/src/apps/profiles/src/member-profile/about-me/AboutMe.tsx +++ b/src/apps/profiles/src/member-profile/about-me/AboutMe.tsx @@ -4,6 +4,7 @@ import { KeyedMutator } from 'swr' import classNames from 'classnames' import { NamesAndHandleAppearance, useMemberTraits, UserProfile, UserTraitIds, UserTraits } from '~/libs/core' +import { CopyButton } from '~/apps/admin/src/lib/components/CopyButton' import { AddButton, EditMemberPropertyBtn, EmptySection } from '../../components' import { EDIT_MODE_QUERY_PARAM, profileEditModes } from '../../config' @@ -119,6 +120,18 @@ const AboutMe: FC = (props: AboutMeProps) => { /> ) } + + {props.profile?.email + && ( +
+

Contact

+
+

{props.profile.email}

+ +
+
+ )} + ) }