react-native: AvatarAccount: map semantic size to pixel value for art components (fix NaN from Number(size))

cursoragent · cursoragent · commit 1651a0543303 · 2026-03-29T22:49:36.000Z
diff --git a/packages/design-system-react-native/src/components/AvatarAccount/AvatarAccount.tsx b/packages/design-system-react-native/src/components/AvatarAccount/AvatarAccount.tsx
@@ -21,23 +21,32 @@ export const AvatarAccount = ({
   maskiconProps,
   ...props
 }: AvatarAccountProps) => {
+  const AVATAR_SIZE_PX_MAP: Record<AvatarAccountSize, number> = {
+    [AvatarAccountSize.Xs]: 16,
+    [AvatarAccountSize.Sm]: 24,
+    [AvatarAccountSize.Md]: 32,
+    [AvatarAccountSize.Lg]: 40,
+    [AvatarAccountSize.Xl]: 48,
+  };
+  const pixelSize = AVATAR_SIZE_PX_MAP[size];
+
   let AvatarArtComponent;
 
   switch (variant) {
     case AvatarAccountVariant.Blockies:
       AvatarArtComponent = (
-        <Blockies address={address} size={Number(size)} {...blockiesProps} />
+        <Blockies address={address} size={pixelSize} {...blockiesProps} />
       );
       break;
     case AvatarAccountVariant.Maskicon:
       AvatarArtComponent = (
-        <Maskicon address={address} size={Number(size)} {...maskiconProps} />
+        <Maskicon address={address} size={pixelSize} {...maskiconProps} />
       );
       break;
     case AvatarAccountVariant.Jazzicon:
     default:
       AvatarArtComponent = (
-        <Jazzicon address={address} size={Number(size)} {...jazziconProps} />
+        <Jazzicon address={address} size={pixelSize} {...jazziconProps} />
       );
       break;
   }
