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}
-
+
)}
-
+
{
{profile?.displayName || account.handle}
- {profile && }
+ {profile && }