robin/Dramlog-Prod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve collection fetch race condition and improve tasting deletion UI

Browse Source
This commit is contained in:
robin
2025-12-18 11:17:22 +01:00
parent d07af05b66
commit e6974cd060
2 changed files with 32 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/TastingList.tsx
View File

@@ -120,13 +120,16 @@ export default function TastingList({ initialTastings }: TastingListProps) {
<button
onClick={() => handleDelete(note.id, note.bottle_id)}
disabled={!!isDeleting}
className="p-2 text-zinc-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all disabled:opacity-50"
className="px-3 py-1.5 text-zinc-400 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-xl transition-all disabled:opacity-50 flex items-center gap-2 border border-transparent hover:border-red-200 dark:hover:border-red-900/30 font-black text-[9px] uppercase tracking-widest"
title="Tasting löschen"
>
{isDeleting === note.id ? (
<Loader2 size={14} className="animate-spin" />
) : (
<Trash2 size={14} />
<>
<Trash2 size={14} />
<span className="opacity-0 group-hover:opacity-100 transition-opacity">Löschen</span>
</>
)}
</button>
</div>