root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Nightly: Admin kann Custom-Badges auch entfernen (Emoji-Picker für Remove)

Browse source
This commit is contained in:
vibe-bot 2025-08-09 17:32:38 +02:00
parent 9e5ba70711
commit 4b661c4434
1 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
web/src/App.tsx
View file

@ -29,7 +29,9 @@ export default function App() {
const [editingCategoryId, setEditingCategoryId] = useState<string>(''); const [editingCategoryId, setEditingCategoryId] = useState<string>('');
const [editingCategoryName, setEditingCategoryName] = useState<string>(''); const [editingCategoryName, setEditingCategoryName] = useState<string>('');
const [showEmojiPicker, setShowEmojiPicker] = useState<boolean>(false); const [showEmojiPicker, setShowEmojiPicker] = useState<boolean>(false);
const [showEmojiRemovePicker, setShowEmojiRemovePicker] = useState<boolean>(false);
const emojiPickerRef = useRef<HTMLDivElement|null>(null); const emojiPickerRef = useRef<HTMLDivElement|null>(null);
const emojiRemovePickerRef = useRef<HTMLDivElement|null>(null);
const EMOJIS = useMemo(()=>{ const EMOJIS = useMemo(()=>{
// einfache, breite Auswahl gängiger Emojis; kann später erweitert/extern geladen werden // einfache, breite Auswahl gängiger Emojis; kann später erweitert/extern geladen werden
const groups = [ const groups = [
@ -472,6 +474,29 @@ export default function App() {
</div> </div>
)} )}
</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>
</> </>
)} )}