Eric Bailey
5eb294488f
* 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
33 lines
934 B
TypeScript
33 lines
934 B
TypeScript
import React from 'react'
|
|
import {View} from 'react-native'
|
|
import {AppBskyActorDefs, ModerationDecision} from '@atproto/api'
|
|
|
|
import {sanitizeDisplayName} from '#/lib/strings/display-names'
|
|
import {sanitizeHandle} from '#/lib/strings/handles'
|
|
import {Shadow} from '#/state/cache/types'
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {Text} from '#/components/Typography'
|
|
|
|
export function ProfileHeaderDisplayName({
|
|
profile,
|
|
moderation,
|
|
}: {
|
|
profile: Shadow<AppBskyActorDefs.ProfileViewDetailed>
|
|
moderation: ModerationDecision
|
|
}) {
|
|
const t = useTheme()
|
|
return (
|
|
<View pointerEvents="none">
|
|
<Text
|
|
emoji
|
|
testID="profileHeaderDisplayName"
|
|
style={[t.atoms.text, a.text_4xl, a.self_start, {fontWeight: '600'}]}>
|
|
{sanitizeDisplayName(
|
|
profile.displayName || sanitizeHandle(profile.handle),
|
|
moderation.ui('displayName'),
|
|
)}
|
|
</Text>
|
|
</View>
|
|
)
|
|
}
|