diff options
Diffstat (limited to 'src/view/shell')
-rw-r--r-- | src/view/shell/Drawer.tsx | 30 |
1 files changed, 23 insertions, 7 deletions
diff --git a/src/view/shell/Drawer.tsx b/src/view/shell/Drawer.tsx index e38cb217c..d51db3960 100644 --- a/src/view/shell/Drawer.tsx +++ b/src/view/shell/Drawer.tsx @@ -51,6 +51,8 @@ import { } from '#/components/icons/UserCircle' import {InlineLinkText} from '#/components/Link' import {Text} from '#/components/Typography' +import {useSimpleVerificationState} from '#/components/verification' +import {VerificationCheck} from '#/components/verification/VerificationCheck' const iconWidth = 26 @@ -64,6 +66,7 @@ let DrawerProfileCard = ({ const {_, i18n} = useLingui() const t = useTheme() const {data: profile} = useProfileQuery({did: account.did}) + const verification = useSimpleVerificationState({profile}) return ( <TouchableOpacity @@ -71,7 +74,7 @@ let DrawerProfileCard = ({ accessibilityLabel={_(msg`Profile`)} accessibilityHint={_(msg`Navigates to your profile`)} onPress={onPressProfile} - style={[a.gap_sm]}> + style={[a.gap_sm, a.pr_lg]}> <UserAvatar size={52} avatar={profile?.avatar} @@ -80,12 +83,25 @@ let DrawerProfileCard = ({ type={profile?.associated?.labeler ? 'labeler' : 'user'} /> <View style={[a.gap_2xs]}> - <Text - emoji - style={[a.font_heavy, a.text_xl, a.mt_2xs, a.leading_tight]} - numberOfLines={1}> - {profile?.displayName || account.handle} - </Text> + <View style={[a.flex_row, a.align_center, a.gap_xs, a.flex_1]}> + <Text + emoji + style={[a.font_heavy, a.text_xl, a.mt_2xs, a.leading_tight]} + numberOfLines={1}> + {profile?.displayName || account.handle} + </Text> + {verification.showBadge && ( + <View + style={{ + top: 0, + }}> + <VerificationCheck + width={16} + verifier={verification.role === 'verifier'} + /> + </View> + )} + </View> <Text emoji style={[t.atoms.text_contrast_medium, a.text_md, a.leading_tight]} |