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({
},
]}>