Use emoji wrapper

econia-labs · Dec 11, 2024 · f52eac5 · f52eac5
1 parent 69ac665
commit f52eac5
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/typescript/frontend/src/components/pages/launch-emojicoin/EmojiRain.tsx b/src/typescript/frontend/src/components/pages/launch-emojicoin/EmojiRain.tsx
@@ -1,6 +1,7 @@
 import { type symbolBytesToEmojis } from "@sdk/emoji_data";
 import { type AnimationPlaybackControls, useAnimate } from "framer-motion";
 import { useEffect, useMemo, useState } from "react";
+import { Emoji } from "utils/emoji";
 
 const DROP_FALL_TIME = 7.5;
 const DROP_INTERVAL = 1;
@@ -65,7 +66,9 @@ export function EmojiRainDrop({
       ref={scope}
     >
       {name.emojis.map((e) => (
-        <span key={`rain-drop-emoji-${e.hex}`}>{e.emoji}</span>
+        <span key={`rain-drop-emoji-${e.hex}`}>
+          <Emoji emojis={e.emoji} />
+        </span>
       ))}
     </div>
   );