diff options
| author | Eric Bailey <git@esb.lol> | 2024-09-23 10:40:37 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-09-24 00:40:37 +0900 |
| commit | 5eb294488f08534abac3335acfa366cffea9259e (patch) | |
| tree | 94453e05d751b5b2ef91467460c258ed5e00b80d /src/components/ListCard.tsx | |
| parent | 443f3a64069f081764c2f49578108a9570e8e834 (diff) | |
| download | voidsky-5eb294488f08534abac3335acfa366cffea9259e.tar.zst | |
[Neue] Handle emoji within custom font (#5449)
* Support emoji in text with custom font * Add emoji support to elements that need it * Remove unused file causing lint failure * Fix a few more emoji locations * Couple more * No throw
Diffstat (limited to 'src/components/ListCard.tsx')
| -rw-r--r-- | src/components/ListCard.tsx | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/components/ListCard.tsx b/src/components/ListCard.tsx index 829f36d47..ed5838fb0 100644 --- a/src/components/ListCard.tsx +++ b/src/components/ListCard.tsx @@ -7,13 +7,14 @@ import { moderateUserList, ModerationUI, } from '@atproto/api' -import {Trans} from '@lingui/macro' +import {msg, Trans} from '@lingui/macro' +import {useLingui} from '@lingui/react' import {useQueryClient} from '@tanstack/react-query' -import {sanitizeHandle} from 'lib/strings/handles' -import {useModerationOpts} from 'state/preferences/moderation-opts' -import {precacheList} from 'state/queries/feed' -import {useSession} from 'state/session' +import {sanitizeHandle} from '#/lib/strings/handles' +import {useModerationOpts} from '#/state/preferences/moderation-opts' +import {precacheList} from '#/state/queries/feed' +import {useSession} from '#/state/session' import {atoms as a, useTheme} from '#/alf' import { Avatar, @@ -111,6 +112,7 @@ export function TitleAndByline({ modUi?: ModerationUI }) { const t = useTheme() + const {_} = useLingui() const {currentAccount} = useSession() return ( @@ -130,6 +132,7 @@ export function TitleAndByline({ </Hider.Mask> <Hider.Content> <Text + emoji style={[a.text_md, a.font_bold, a.leading_snug]} numberOfLines={1}> {title} @@ -139,15 +142,12 @@ export function TitleAndByline({ {creator && ( <Text + emoji style={[a.leading_snug, t.atoms.text_contrast_medium]} numberOfLines={1}> - {purpose === MODLIST ? ( - <Trans> - Moderation list by {sanitizeHandle(creator.handle, '@')} - </Trans> - ) : ( - <Trans>List by {sanitizeHandle(creator.handle, '@')}</Trans> - )} + {purpose === MODLIST + ? _(msg`Moderation list by ${sanitizeHandle(creator.handle, '@')}`) + : _(msg`List by ${sanitizeHandle(creator.handle, '@')}`)} </Text> )} </View> |