Fix placement of emoji/sticker buttons (#1693)
authorArnaldo Gabriel <5076526+agmm@users.noreply.github.com>
Wed, 24 Apr 2024 12:44:32 +0000 (08:44 -0400)
committerGitHub <noreply@github.com>
Wed, 24 Apr 2024 12:44:32 +0000 (18:14 +0530)
src/app/components/emoji-board/EmojiBoard.tsx

index 5452722fe213bbc3350403c9de093df3cd6c96b5..408ce85dd7f63202417b0ad5def03120bcfb554d 100644 (file)
@@ -178,24 +178,24 @@ function EmojiBoardTabs({
         className={css.EmojiBoardTab}
         as="button"
         variant="Secondary"
-        fill={tab === EmojiBoardTab.Emoji ? 'Solid' : 'None'}
+        fill={tab === EmojiBoardTab.Sticker ? 'Solid' : 'None'}
         size="500"
-        onClick={() => onTabChange(EmojiBoardTab.Emoji)}
+        onClick={() => onTabChange(EmojiBoardTab.Sticker)}
       >
         <Text as="span" size="L400">
-          Emoji
+          Sticker
         </Text>
       </Badge>
       <Badge
         className={css.EmojiBoardTab}
         as="button"
         variant="Secondary"
-        fill={tab === EmojiBoardTab.Sticker ? 'Solid' : 'None'}
+        fill={tab === EmojiBoardTab.Emoji ? 'Solid' : 'None'}
         size="500"
-        onClick={() => onTabChange(EmojiBoardTab.Sticker)}
+        onClick={() => onTabChange(EmojiBoardTab.Emoji)}
       >
         <Text as="span" size="L400">
-          Sticker
+          Emoji
         </Text>
       </Badge>
     </Box>