refactor(emoji): define assetSize variable

channel-io · Aug 1, 2024 · 3c10b3e · 3c10b3e
1 parent 245baa3
commit 3c10b3e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/bezier-react/src/components/Emoji/Emoji.tsx b/packages/bezier-react/src/components/Emoji/Emoji.tsx
@@ -29,7 +29,7 @@ export const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(
   { style, imageUrl, className, name, size = '24', ...rest },
   forwardedRef
 ) {
-  const url = imageUrl ?? getEmojiUrl(name, Number(size) >= 60 ? '160' : '80')
+  const assetSize = Number(size) >= 60 ? '160' : '80'
 
   return (
     <div
@@ -38,7 +38,9 @@ export const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(
       aria-description={name}
       style={
         {
-          '--b-emoji-background-image': cssUrl(url),
+          '--b-emoji-background-image': cssUrl(
+            imageUrl ?? getEmojiUrl(name, assetSize)
+          ),
           ...style,
         } as CSSProperties
       }