diff --git a/web/src/App.tsx b/web/src/App.tsx index 9829d0b..4aed0e3 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -29,7 +29,9 @@ export default function App() { const [editingCategoryId, setEditingCategoryId] = useState(''); const [editingCategoryName, setEditingCategoryName] = useState(''); const [showEmojiPicker, setShowEmojiPicker] = useState(false); + const [showEmojiRemovePicker, setShowEmojiRemovePicker] = useState(false); const emojiPickerRef = useRef(null); + const emojiRemovePickerRef = useRef(null); const EMOJIS = useMemo(()=>{ // einfache, breite Auswahl gängiger Emojis; kann später erweitert/extern geladen werden const groups = [ @@ -472,6 +474,29 @@ export default function App() { )} + +
+ + {showEmojiRemovePicker && ( +
+ {EMOJIS.map((e, i)=> ( + + ))} +
+ )} +
)}