From 2e48d5c0300353041dda8d1c2e4fea45bcbee3f3 Mon Sep 17 00:00:00 2001 From: vineyardbovines Date: Tue, 9 Jun 2026 11:22:57 -0400 Subject: [PATCH] Make QR card avatar circular (APP-2351) Avatar on the Invite Friends QR code card was a rounded square; align with the rest of the app where user avatars are circles. --- src/features/inviteFriends/components/ThemedQrCard.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/features/inviteFriends/components/ThemedQrCard.tsx b/src/features/inviteFriends/components/ThemedQrCard.tsx index 874f45ccf8..394d6ecca5 100644 --- a/src/features/inviteFriends/components/ThemedQrCard.tsx +++ b/src/features/inviteFriends/components/ThemedQrCard.tsx @@ -24,7 +24,6 @@ const QR_PIECE_SIZE = 7 const QR_INNER_PADDING = 4 const AVATAR_WRAPPER = 72 const AVATAR_IMAGE = 60 -const AVATAR_RADIUS = 10 const AVATAR_BORDER = 2 export function ThemedQrCard({ @@ -151,7 +150,7 @@ export function ThemedQrCard({ position: 'absolute', width: AVATAR_WRAPPER, height: AVATAR_WRAPPER, - borderRadius: AVATAR_RADIUS, + borderRadius: AVATAR_WRAPPER / 2, backgroundColor: t.palette.white, overflow: 'hidden', alignItems: 'center', @@ -161,7 +160,7 @@ export function ThemedQrCard({ style={{ width: AVATAR_IMAGE, height: AVATAR_IMAGE, - borderRadius: AVATAR_RADIUS, + borderRadius: AVATAR_IMAGE / 2, borderWidth: AVATAR_BORDER, borderColor: t.palette.white, overflow: 'hidden', @@ -172,7 +171,7 @@ export function ThemedQrCard({ style={{ width: AVATAR_IMAGE - AVATAR_BORDER * 2, height: AVATAR_IMAGE - AVATAR_BORDER * 2, - borderRadius: AVATAR_RADIUS - AVATAR_BORDER, + borderRadius: (AVATAR_IMAGE - AVATAR_BORDER * 2) / 2, }} accessibilityIgnoresInvertColors />