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 ? ( - - - - ) : ( - - - - )} + + + {song.isPublic ? ( + + + + ) : ( + + + + )} + + +

{song.isPublic ? "Public - visible to everyone" : "Private - only visible to you"}

+
+
- - - + + + + + + + +

Delete song

+
+
Delete Song diff --git a/server.log b/server.log new file mode 100644 index 0000000..d5bd636 --- /dev/null +++ b/server.log @@ -0,0 +1 @@ +Frontend server running at http://localhost:3000 diff --git a/verification_debug.png b/verification_debug.png new file mode 100644 index 0000000..ffda198 Binary files /dev/null and b/verification_debug.png differ