diff --git a/src/components/AccountList.tsx b/src/components/AccountList.tsx index 682fceee5a..4a43bf283c 100644 --- a/src/components/AccountList.tsx +++ b/src/components/AccountList.tsx @@ -51,26 +51,18 @@ export function AccountList({ a.border, t.atoms.border_contrast_low, ]}> - {accounts - .map(account => ({ - account, - profile: profiles?.profiles.find(p => p.did === account.did), - })) - .filter(item => { - return !!item.profile - }) - .map(({account, profile}) => ( - - - - - ))} + {accounts.map(account => ( + + p.did === account.did)} + account={account} + onSelect={onSelectAccount} + isCurrentAccount={account.did === currentAccount?.did} + isPendingAccount={account.did === pendingDid} + /> + + + ))} ) diff --git a/src/components/ProfileBadges.tsx b/src/components/ProfileBadges.tsx index 44bddacf99..5622dff9de 100644 --- a/src/components/ProfileBadges.tsx +++ b/src/components/ProfileBadges.tsx @@ -3,12 +3,30 @@ import {View} from 'react-native' import {isBotAccount} from '#/lib/bots' import {useProfileShadow} from '#/state/cache/profile-shadow' import {atoms as a, type ViewStyleProp} from '#/alf' -import {BotBadge, BotBadgeButton, type Size} from '#/components/BotBadge' +import {BotBadge, BotBadgeButton} from '#/components/BotBadge' import {useSimpleVerificationState} from '#/components/verification' import {VerificationCheck} from '#/components/verification/VerificationCheck' import {VerificationCheckButton} from '#/components/verification/VerificationCheckButton' import type * as bsky from '#/types/bsky' +export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' + +const verificationIconSizes: Record = { + xs: 10, + sm: 12, + md: 14, + lg: 18, + xl: 22, +} as const + +const botIconSizes: Record = { + xs: 11, + sm: 13, + md: 15, + lg: 19, + xl: 23, +} as const + export function ProfileBadges({ profile, interactive = false, @@ -25,22 +43,33 @@ export function ProfileBadges({ // if nothing to show, don't render the container at all if (!verification.showBadge && !isBotAccount(shadowed)) return null + const isOnTheSmallSide = size === 'xs' || size === 'sm' + return ( - + {interactive ? ( <> - - + + ) : ( <> {verification.showBadge && ( )} - + )} diff --git a/src/components/ProfileCard.tsx b/src/components/ProfileCard.tsx index 4382b9cd36..ee9e657028 100644 --- a/src/components/ProfileCard.tsx +++ b/src/components/ProfileCard.tsx @@ -262,7 +262,7 @@ function InlineNameAndHandle({ {name} - + ) } diff --git a/src/components/ProfileHoverCard/index.web.tsx b/src/components/ProfileHoverCard/index.web.tsx index c0996fe4da..6ccdf89ae4 100644 --- a/src/components/ProfileHoverCard/index.web.tsx +++ b/src/components/ProfileHoverCard/index.web.tsx @@ -531,7 +531,7 @@ function Inner({ style={[ a.pl_xs, { - marginTop: -2, + marginTop: -1, }, ]} /> diff --git a/src/components/dms/MessagesListHeader.tsx b/src/components/dms/MessagesListHeader.tsx index 9b1a695e18..3f7694a342 100644 --- a/src/components/dms/MessagesListHeader.tsx +++ b/src/components/dms/MessagesListHeader.tsx @@ -157,7 +157,7 @@ function HeaderReady({ numberOfLines={1}> {displayName} - + {!isDeletedAccount && ( - size: Size + size: number }) { const state = useFullVerificationState({ profile, @@ -80,18 +70,17 @@ export function VerificationCheckButton({ function Badge({ profile, verificationState: state, - size: _size, + size, }: { profile: Shadow verificationState: FullVerificationState - size: Size + size: number }) { const t = useTheme() const ax = useAnalytics() const {_} = useLingui() const verificationsDialogControl = useDialogControl() const verifierDialogControl = useDialogControl() - const size = sizes[_size] const verifiedByHidden = !state.profile.showBadge && state.profile.isViewer diff --git a/src/screens/Messages/components/ChatListItem.tsx b/src/screens/Messages/components/ChatListItem.tsx index 3b62d5b269..82c5b76af6 100644 --- a/src/screens/Messages/components/ChatListItem.tsx +++ b/src/screens/Messages/components/ChatListItem.tsx @@ -412,7 +412,7 @@ function ChatListItemReady({ {lastMessageSentAt && ( diff --git a/src/screens/Search/components/SearchHistory.tsx b/src/screens/Search/components/SearchHistory.tsx index b27834a605..f49fadf0d5 100644 --- a/src/screens/Search/components/SearchHistory.tsx +++ b/src/screens/Search/components/SearchHistory.tsx @@ -163,7 +163,7 @@ function RecentProfileItem({ {name} - +