diff --git a/src/screens/Profile/Header/ProfileHeaderStandard.tsx b/src/screens/Profile/Header/ProfileHeaderStandard.tsx index d178d72a4..bf83e245b 100644 --- a/src/screens/Profile/Header/ProfileHeaderStandard.tsx +++ b/src/screens/Profile/Header/ProfileHeaderStandard.tsx @@ -14,7 +14,7 @@ import {Trans} from '@lingui/react/macro' import {useHaptics} from '#/lib/haptics' import {sanitizeDisplayName} from '#/lib/strings/display-names' import {sanitizeHandle} from '#/lib/strings/handles' -import {formatJoinDate} from '#/lib/strings/time' +import {formatJoinDate, niceDate} from '#/lib/strings/time' import { sanitizeWebsiteForDisplay, sanitizeWebsiteForLink, @@ -28,7 +28,15 @@ import { } from '#/state/queries/profile' import {useRequireAuth, useSession} from '#/state/session' import {ProfileMenu} from '#/view/com/profile/ProfileMenu' -import {atoms as a, platform, tokens, useBreakpoints, useTheme} from '#/alf' +import { + atoms as a, + native, + platform, + tokens, + useBreakpoints, + useTheme, + web, +} from '#/alf' import {SubscribeProfileButton} from '#/components/activity-notifications/SubscribeProfileButton' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {DebugFieldDisplay} from '#/components/DebugFieldDisplay' @@ -77,7 +85,7 @@ let ProfileHeaderStandard = ({ const profile = useProfileShadow(profileUnshadowed) const {currentAccount} = useSession() - const {_} = useLingui() + const {_, i18n} = useLingui() const moderation = useMemo( () => moderateProfile(profile, moderationOpts), [profile, moderationOpts], @@ -98,6 +106,15 @@ let ProfileHeaderStandard = ({ return formatJoinDate(profile.createdAt) }, [profile.createdAt]) + const dateJoinedExact = useMemo(() => { + if (!profile.createdAt) return '' + + const createdAt = new Date(profile.createdAt) + if (Number.isNaN(createdAt.getTime())) return '' + + return niceDate(i18n, createdAt) + }, [i18n, profile.createdAt]) + const unblockAccount = async () => { try { await queueUnblock() @@ -125,7 +142,13 @@ let ProfileHeaderStandard = ({ hideBackButton={hideBackButton} isPlaceholderProfile={isPlaceholderProfile}> - + Joined {dateJoined}