summaryrefslogtreecommitdiff
path: root/front/src/components/feed/Reactions.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'front/src/components/feed/Reactions.tsx')
-rw-r--r--front/src/components/feed/Reactions.tsx118
1 files changed, 0 insertions, 118 deletions
diff --git a/front/src/components/feed/Reactions.tsx b/front/src/components/feed/Reactions.tsx
deleted file mode 100644
index 58662cd..0000000
--- a/front/src/components/feed/Reactions.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import type { Poast } from "@/types/trill";
-import yeschad from "@/assets/reacts/yeschad.png";
-import cringe from "@/assets/reacts/cringe.png";
-import cry from "@/assets/reacts/cry.png";
-import doom from "@/assets/reacts/doom.png";
-import galaxy from "@/assets/reacts/galaxy.png";
-import gigachad from "@/assets/reacts/gigachad.png";
-import pepechin from "@/assets/reacts/pepechin.png";
-import pepeeyes from "@/assets/reacts/pepeeyes.png";
-import pepegmi from "@/assets/reacts/pepegmi.png";
-import pepesad from "@/assets/reacts/pepesad.png";
-import pink from "@/assets/reacts/pink.png";
-import soy from "@/assets/reacts/soy.png";
-import chad from "@/assets/reacts/chad.png";
-import pika from "@/assets/reacts/pika.png";
-import facepalm from "@/assets/reacts/facepalm.png";
-import emoji from "@/assets/icons/emoji.svg";
-import emojis from "@/logic/emojis.json";
-import Modal from "../modals/Modal";
-import useLocalState from "@/state/state";
-
-export function ReactModal({ send }: { send: (s: string) => Promise<number> }) {
- const { setModal } = useLocalState();
- async function sendReact(e: React.MouseEvent, s: string) {
- e.stopPropagation();
- const res = await send(s);
- if (res) setModal(null);
- }
- // todo one more meme
- return (
- <Modal>
- <div id="react-list">
- <span onMouseUp={(e) => sendReact(e, "❤️")}>️️❤️</span>
- <span onMouseUp={(e) => sendReact(e, "🤔")}>🤔</span>
- <span onMouseUp={(e) => sendReact(e, "😅")}>😅</span>
- <span onMouseUp={(e) => sendReact(e, "🤬")}>🤬</span>
- <span onMouseUp={(e) => sendReact(e, "😂")}>😂️</span>
- <span onMouseUp={(e) => sendReact(e, "🫡")}>🫡️</span>
- <span onMouseUp={(e) => sendReact(e, "🤢")}>🤢</span>
- <span onMouseUp={(e) => sendReact(e, "😭")}>😭</span>
- <span onMouseUp={(e) => sendReact(e, "😱")}>😱</span>
- <img
- onMouseUp={(e) => sendReact(e, "facepalm")}
- src={facepalm}
- alt=""
- />
- <span onMouseUp={(e) => sendReact(e, "👍")}>👍️</span>
- <span onMouseUp={(e) => sendReact(e, "👎")}>👎️</span>
- <span onMouseUp={(e) => sendReact(e, "☝")}>☝️</span>
- <span onMouseUp={(e) => sendReact(e, "🤝")}>🤝</span>️
- <span onMouseUp={(e) => sendReact(e, "🙏")}>🙏</span>
- <span onMouseUp={(e) => sendReact(e, "🤡")}>🤡</span>
- <span onMouseUp={(e) => sendReact(e, "👀")}>👀</span>
- <span onMouseUp={(e) => sendReact(e, "🎤")}>🎤</span>
- <span onMouseUp={(e) => sendReact(e, "💯")}>💯</span>
- <span onMouseUp={(e) => sendReact(e, "🔥")}>🔥</span>
- <img onMouseUp={(e) => sendReact(e, "yeschad")} src={yeschad} alt="" />
- <img
- onMouseUp={(e) => sendReact(e, "gigachad")}
- src={gigachad}
- alt=""
- />
- <img onMouseUp={(e) => sendReact(e, "pika")} src={pika} alt="" />
- <img onMouseUp={(e) => sendReact(e, "cringe")} src={cringe} alt="" />
- <img onMouseUp={(e) => sendReact(e, "pepegmi")} src={pepegmi} alt="" />
- <img onMouseUp={(e) => sendReact(e, "pepesad")} src={pepesad} alt="" />
- <img onMouseUp={(e) => sendReact(e, "galaxy")} src={galaxy} alt="" />
- <img onMouseUp={(e) => sendReact(e, "pink")} src={pink} alt="" />
- <img onMouseUp={(e) => sendReact(e, "soy")} src={soy} alt="" />
- <img onMouseUp={(e) => sendReact(e, "cry")} src={cry} alt="" />
- <img onMouseUp={(e) => sendReact(e, "doom")} src={doom} alt="" />
- </div>
- </Modal>
- );
-}
-
-export function stringToReact(s: string) {
- const em = (emojis as Record<string, string>)[s.replace(/\:/g, "")];
- if (s === "yeschad")
- return <img className="react-img" src={yeschad} alt="" />;
- if (s === "facepalm")
- return <img className="react-img" src={facepalm} alt="" />;
- if (s === "yes.jpg")
- return <img className="react-img" src={yeschad} alt="" />;
- if (s === "gigachad")
- return <img className="react-img" src={gigachad} alt="" />;
- if (s === "pepechin")
- return <img className="react-img" src={pepechin} alt="" />;
- if (s === "pepeeyes")
- return <img className="react-img" src={pepeeyes} alt="" />;
- if (s === "pepegmi")
- return <img className="react-img" src={pepegmi} alt="" />;
- if (s === "pepesad")
- return <img className="react-img" src={pepesad} alt="" />;
- if (s === "")
- return <img className="react-img no-react" src={emoji} alt="" />;
- if (s === "cringe") return <img className="react-img" src={cringe} alt="" />;
- if (s === "cry") return <img className="react-img" src={cry} alt="" />;
- if (s === "crywojak") return <img className="react-img" src={cry} alt="" />;
- if (s === "doom") return <img className="react-img" src={doom} alt="" />;
- if (s === "galaxy") return <img className="react-img" src={galaxy} alt="" />;
- if (s === "pink") return <img className="react-img" src={pink} alt="" />;
- if (s === "pinkwojak") return <img className="react-img" src={pink} alt="" />;
- if (s === "soy") return <img className="react-img" src={soy} alt="" />;
- if (s === "chad") return <img className="react-img" src={chad} alt="" />;
- if (s === "pika") return <img className="react-img" src={pika} alt="" />;
- if (em) return <span className="react-icon">{em}</span>;
- else if (s.length > 2) return <span className="react-icon"></span>;
- else return <span className="react-icon">{s}</span>;
-}
-
-export function TrillReactModal({ poast }: { poast: Poast }) {
- const { api } = useLocalState();
- async function sendReact(s: string) {
- return await api!.addReact(poast.host, poast.id, s);
- }
- return <ReactModal send={sendReact} />;
-}