From 4b661c4434354a969e3032826f7515f1d11fbc1e Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sat, 9 Aug 2025 17:32:38 +0200
Subject: [PATCH] =?UTF-8?q?Nightly:=20Admin=20kann=20Custom-Badges=20auch?=
 =?UTF-8?q?=20entfernen=20(Emoji-Picker=20f=C3=BCr=20Remove)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

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<string>('');
   const [editingCategoryName, setEditingCategoryName] = useState<string>('');
   const [showEmojiPicker, setShowEmojiPicker] = useState<boolean>(false);
+  const [showEmojiRemovePicker, setShowEmojiRemovePicker] = useState<boolean>(false);
   const emojiPickerRef = useRef<HTMLDivElement|null>(null);
+  const emojiRemovePickerRef = useRef<HTMLDivElement|null>(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() {
                           </div>
                         )}
                       </div>
+
+                      <div style={{ position:'relative' }}>
+                        <button
+                          className="bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300"
+                          onClick={()=> setShowEmojiRemovePicker(v=>!v)}
+                        >Badge entfernen</button>
+                        {showEmojiRemovePicker && (
+                          <div ref={emojiRemovePickerRef as any} className="emoji-picker" style={{ position:'absolute', top:'110%', right:0, zIndex: 99999 }}>
+                            {EMOJIS.map((e, i)=> (
+                              <button key={i} onClick={async ()=>{
+                                try{
+                                  const files = Object.entries(selectedSet).filter(([,v])=>v).map(([k])=>k);
+                                  await assignBadges(files, [], [e]);
+                                  setShowEmojiRemovePicker(false);
+                                  setInfo('Badge entfernt'); setError(null);
+                                  const resp = await fetchSounds(query, activeFolder === '__favs__' ? '__all__' : activeFolder, activeCategoryId || undefined);
+                                  setSounds(resp.items); setTotal(resp.total); setFolders(resp.folders);
+                                }catch(err:any){ setError(err?.message||'Badge-Entfernung fehlgeschlagen'); setInfo(null); }
+                              }}>{e}</button>
+                            ))}
+                          </div>
+                        )}
+                      </div>
                     </>
                   )}