diff options
Diffstat (limited to 'src/screens/Profile/Header/Handle.tsx')
-rw-r--r-- | src/screens/Profile/Header/Handle.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/screens/Profile/Header/Handle.tsx b/src/screens/Profile/Header/Handle.tsx index fd1cbe533..9ab24fbbe 100644 --- a/src/screens/Profile/Header/Handle.tsx +++ b/src/screens/Profile/Header/Handle.tsx @@ -1,10 +1,10 @@ import React from 'react' import {View} from 'react-native' import {AppBskyActorDefs} from '@atproto/api' -import {isInvalidHandle} from 'lib/strings/handles' -import {Shadow} from '#/state/cache/types' import {Trans} from '@lingui/macro' +import {Shadow} from '#/state/cache/types' +import {isInvalidHandle} from 'lib/strings/handles' import {atoms as a, useTheme, web} from '#/alf' import {Text} from '#/components/Typography' @@ -26,6 +26,7 @@ export function ProfileHeaderHandle({ </View> ) : undefined} <Text + numberOfLines={1} style={[ invalidHandle ? [ @@ -36,7 +37,7 @@ export function ProfileHeaderHandle({ a.rounded_xs, {borderColor: t.palette.contrast_200}, ] - : [a.text_md, t.atoms.text_contrast_medium], + : [a.text_md, a.leading_tight, t.atoms.text_contrast_medium], web({wordBreak: 'break-all'}), ]}> {invalidHandle ? <Trans>ā Invalid Handle</Trans> : `@${profile.handle}`} |