diff --git a/src/components/BotBadge.tsx b/src/components/BotBadge.tsx index e9f3bed5c5..0cbaedeaa1 100644 --- a/src/components/BotBadge.tsx +++ b/src/components/BotBadge.tsx @@ -14,11 +14,11 @@ import type * as bsky from '#/types/bsky' export function BotBadge({ profile, alwaysShow = false, - size, + width, }: { profile: bsky.profile.AnyProfileView alwaysShow?: boolean - size: number + width: number }) { const t = useTheme() @@ -28,17 +28,17 @@ export function BotBadge({ return ( - + ) } export function BotBadgeButton({ profile, - size, + width, }: { profile: bsky.profile.AnyProfileView - size: number + width: number }) { const t = useTheme() const ax = useAnalytics() @@ -66,12 +66,15 @@ export function BotBadgeButton({ a.align_end, a.transition_transform, { - width: size, - height: size, + width: width, + height: width, transform: [{scale: hovered ? 1.1 : 1}], }, ]}> - + )} diff --git a/src/components/ProfileBadges.tsx b/src/components/ProfileBadges.tsx index 5622dff9de..042757c8d4 100644 --- a/src/components/ProfileBadges.tsx +++ b/src/components/ProfileBadges.tsx @@ -57,9 +57,9 @@ export function ProfileBadges({ <> - + ) : ( <> @@ -69,7 +69,7 @@ export function ProfileBadges({ width={verificationIconSizes[size]} /> )} - + )} diff --git a/src/components/verification/VerificationCheckButton.tsx b/src/components/verification/VerificationCheckButton.tsx index 8926e9e215..ceb9d24f2b 100644 --- a/src/components/verification/VerificationCheckButton.tsx +++ b/src/components/verification/VerificationCheckButton.tsx @@ -51,17 +51,17 @@ export function shouldShowVerificationCheckButton( export function VerificationCheckButton({ profile, - size, + width, }: { profile: Shadow - size: number + width: number }) { const state = useFullVerificationState({ profile, }) if (shouldShowVerificationCheckButton(state)) { - return + return } return null @@ -70,11 +70,11 @@ export function VerificationCheckButton({ function Badge({ profile, verificationState: state, - size, + width, }: { profile: Shadow verificationState: FullVerificationState - size: number + width: number }) { const t = useTheme() const ax = useAnalytics() @@ -109,8 +109,8 @@ function Badge({ a.align_end, a.transition_transform, { - width: size, - height: size, + width: width, + height: width, transform: [ { scale: hovered ? 1.1 : 1, @@ -119,7 +119,7 @@ function Badge({ }, ]}>