diff --git a/client/src/components/forms/Emojis/emoji-picker.tsx b/client/src/components/forms/Emojis/emoji-picker.tsx deleted file mode 100644 index cd5f8fb..0000000 --- a/client/src/components/forms/Emojis/emoji-picker.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import data, { Emoji } from "@emoji-mart/data"; -import Picker from "@emoji-mart/react"; -import { RefObject } from "react"; -import customEmojis from "../custom_emojis.json"; - -interface EmojiPickerProps { - topOffset: number; - leftOffset: number; - onEmojiSelect: (e: Emoji) => void; - onClickOutside: () => void; - height?: number; - ref: RefObject; -} - -export function EmojiPicker({ - topOffset, - leftOffset, - onEmojiSelect, - onClickOutside, - height = 300, - ref, -}: EmojiPickerProps) { - const customEmojiList = customEmojis.map((pack) => { - return { - id: pack.id, - name: pack.name, - emojis: pack.emojis - .filter((e) => !e.static_url.endsWith('.svg')) - .map((e) => { - return { - id: e.shortcode, - name: e.shortcode, - skins: [{ src: e.static_url }], - }; - }), - }; - }); - - return ( - <> -
- -
- - ); -} diff --git a/client/src/components/forms/PostFormCard.tsx b/client/src/components/forms/PostFormCard.tsx index 46a55c3..75207fb 100644 --- a/client/src/components/forms/PostFormCard.tsx +++ b/client/src/components/forms/PostFormCard.tsx @@ -1,15 +1,11 @@ import { - ServerIcon, CpuChipIcon, - ArrowPathIcon, PlusCircleIcon } from "@heroicons/react/24/outline"; import { XCircleIcon } from "@heroicons/react/24/solid"; import { useState, useEffect, useRef } from "react"; import { UnsignedEvent, Event as NostrEvent, nip19 } from "nostr-tools"; -import { renderMedia, attachFile } from "../../utils/FileUpload"; -import EmojiPicker from "@emoji-mart/react"; -import customEmojis from './custom_emojis.json'; +import { renderMedia } from "../../utils/FileUpload"; import { useSubmitForm } from "./handleSubmit"; import "../../styles/Form.css"; @@ -100,43 +96,6 @@ const NewNoteCard = ({ })); }; - //Emoji stuff - const emojiRef = useRef(null); - const [showEmojiPicker, setShowEmojiPicker] = useState(false); - - interface Emoji { - native?: string; - id?: string; - } - - const emojiNames = customEmojis.map(p => p.emojis).flat(); - function getEmojiById(id: string) { - return emojiNames.find(e => e.shortcode === id); - } - - async function onEmojiSelect(emoji: Emoji) { - setShowEmojiPicker(false); - try { - if (emoji.id) { - const e = getEmojiById(emoji.id); - if (e) { - setComment(comment + " :" + e.shortcode + ":"); - unsigned.tags.push(['emoji', e.shortcode, e.url]); - }; - } - } catch { - //ignore - } - } - - const topOffset = ref.current?.getBoundingClientRect().top; - const leftOffset = ref.current?.getBoundingClientRect().left; - - function pickEmoji(e: React.MouseEvent) { - e.stopPropagation(); - setShowEmojiPicker(!showEmojiPicker); - } - return (
-
- {showEmojiPicker && ( - setShowEmojiPicker(false)} - ref={emojiRef} - /> - )} - -