Show Meower reactions properly

mybearworld · Oct 23, 2024 · 9ace00f · 9ace00f
1 parent 2ac22df
commit 9ace00f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/components/Post.tsx b/src/components/Post.tsx
@@ -400,7 +400,13 @@ const PostBase = memo((props: PostBaseProps) => {
                     type="button"
                   >
                     <div className="flex items-center gap-2">
-                      {reaction.emoji} {reaction.count}
+                      {reaction.emoji.length === 24 ?
+                        <img
+                          src={`https://uploads.meower.org/emojis/${reaction.emoji}`}
+                          className="h-6 min-h-6 w-6 min-w-6"
+                        />
+                      : reaction.emoji}{" "}
+                      {reaction.count}
                     </div>
                   </Button>
                 ))}

diff --git a/src/components/ReactionUsers.tsx b/src/components/ReactionUsers.tsx
@@ -47,7 +47,12 @@ export const ReactionUsers = (props: ReactionUsersProps) => {
                   className="border-b-2 border-transparent text-xl aria-selected:border-lime-500 dark:aria-selected:border-lime-600"
                   key={reaction.emoji}
                 >
-                  {reaction.emoji}
+                  {reaction.emoji.length === 24 ?
+                    <img
+                      src={`https://uploads.meower.org/emojis/${encodeURIComponent(reaction.emoji)}`}
+                      className="mb-1 h-6 min-h-6 w-6 min-w-6"
+                    />
+                  : reaction.emoji}
                 </Tabs.Trigger>
               ))}
             </Tabs.List>