diff --git a/client/src/components/SongCard.tsx b/client/src/components/SongCard.tsx index 44bfbfc..b2168b3 100644 --- a/client/src/components/SongCard.tsx +++ b/client/src/components/SongCard.tsx @@ -1,10 +1,15 @@ import { Link } from "wouter"; -import { Music, Calendar, Trash2, Globe, Lock } from "lucide-react"; +import { Music, Calendar, Trash2, Globe, Lock, Loader2 } from "lucide-react"; import { type Song } from "@shared/schema"; import { format } from "date-fns"; import { useDeleteSong } from "@/hooks/use-songs"; import { Button } from "@/components/ui/button"; import { memo } from "react"; +import { + Tooltip, + TooltipContent, + TooltipTrigger, +} from "@/components/ui/tooltip"; import { AlertDialog, AlertDialogAction, @@ -45,30 +50,48 @@ export const SongCard = memo(function SongCard({ song }: SongCardProps) {
{song.isPublic ? "Public - visible to everyone" : "Private - only visible to you"}
+Delete song
+