diff --git a/apps/app/constants/common.ts b/apps/app/constants/common.ts index 036aff99ca..00335d05e8 100644 --- a/apps/app/constants/common.ts +++ b/apps/app/constants/common.ts @@ -216,3 +216,23 @@ export const createSimilarString = (str: string) => { return shuffled; }; + +export const getRandomEmoji = () => { + const emojis = [ + "8986", + "9200", + "128204", + "127773", + "127891", + "127947", + "128076", + "128077", + "128187", + "128188", + "128512", + "128522", + "128578", + ]; + + return emojis[Math.floor(Math.random() * emojis.length)]; +}; diff --git a/apps/app/ui/emoji-icon-picker/index.tsx b/apps/app/ui/emoji-icon-picker/index.tsx index c540edc6ff..dbe8abeeec 100644 --- a/apps/app/ui/emoji-icon-picker/index.tsx +++ b/apps/app/ui/emoji-icon-picker/index.tsx @@ -3,6 +3,8 @@ import React, { useEffect, useState, useRef } from "react"; import { Tab, Transition, Popover } from "@headlessui/react"; // hooks import useOutsideClickDetector from "lib/hooks/useOutsideClickDetector"; +// common +import { getRandomEmoji } from "constants/common"; // emoji import emojis from "./emojis.json"; // helpers @@ -36,6 +38,10 @@ const EmojiIconPicker: React.FC = ({ label, value, onChange }) => { setIsOpen(false); }); + useEffect(() => { + if (!value) onChange(getRandomEmoji()); + }, [value, onChange]); + return (