fix ContextTag text size (#475)

* fix ContextTag text size * add changeset
status-im · Sep 13, 2023 · 024c19f · 024c19f · vercel · Sep 13, 2023
1 parent abac11d
commit 024c19f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/fifty-olives-try.md b/.changeset/fifty-olives-try.md
@@ -0,0 +1,5 @@
+---
+'@status-im/components': patch
+---
+
+fix ContextTag text size
diff --git a/packages/components/src/context-tag/context-tag.tsx b/packages/components/src/context-tag/context-tag.tsx
@@ -93,7 +93,13 @@ const ContextTag = (props: Props) => {
 
   const rounded = type === 'account' || type === 'collectible'
   const hasAvatar = type !== 'address' && type !== 'icon' && type !== 'label'
-  const textSize = props.size === 24 ? props.textSize : textSizes[props.size!]
+
+  let textSize: Extract<TextProps['size'], 13 | 15>
+  if (size === 24) {
+    textSize = 'textSize' in props ? props.textSize : 13 // default if props.size not set but fallbacked to 24
+  } else {
+    textSize = textSizes[size]
+  }
 
   const renderContent = () => {
     switch (type) {