26 lines
1.0 KiB
TypeScript
26 lines
1.0 KiB
TypeScript
import EmojiThumbUp from "../../assets/icons/emoji.thumb.up.svg";
|
|
import EmojiThumbDown from "../../assets/icons/emoji.thumb.down.svg";
|
|
import EmojiSmile from "../../assets/icons/emoji.smile.svg";
|
|
import EmojiCelebrate from "../../assets/icons/emoji.celebrate.svg";
|
|
import EmojiUnhappy from "../../assets/icons/emoji.unhappy.svg";
|
|
import EmojiHeart from "../../assets/icons/emoji.heart.svg";
|
|
import EmojiRocket from "../../assets/icons/emoji.rocket.svg";
|
|
import EmojiLook from "../../assets/icons/emoji.look.svg";
|
|
|
|
const Emojis = {
|
|
"👍": <EmojiThumbUp className="emoji" />,
|
|
"👎": <EmojiThumbDown className="emoji" />,
|
|
"😄": <EmojiSmile className="emoji" />,
|
|
"👀": <EmojiLook className="emoji" />,
|
|
"🚀": <EmojiRocket className="emoji" />,
|
|
"❤️": <EmojiHeart className="emoji" />,
|
|
"🙁": <EmojiUnhappy className="emoji" />,
|
|
"🎉": <EmojiCelebrate className="emoji" />
|
|
};
|
|
|
|
export default function ReactionItem({ native = "" }) {
|
|
if (!native || !Emojis[native]) return null;
|
|
|
|
return Emojis[native];
|
|
}
|