angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add auto-play flag to Track interface in AudioPlayerContext

Browse Source
This commit is contained in:
angel
2025-06-20 00:32:31 +00:00
committed by GitHub
parent 6653420e31
commit 8dfb4b34e5
3 changed files with 150 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/queue/page.tsx
View File

@@ -2,6 +2,7 @@
import React from 'react';
import Image from 'next/image';
import Link from 'next/link';
import { useAudioPlayer } from '@/app/components/AudioPlayerContext';
import { Button } from '@/components/ui/button';
import { Separator } from '@/components/ui/separator';
@@ -69,11 +70,15 @@ const QueuePage: React.FC = () => {
<div className="flex items-center text-sm text-muted-foreground space-x-4">
<div className="flex items-center gap-1">
<User className="w-3 h-3" />
<span className="truncate">{currentTrack.artist}</span>
<Link href={`/artist/${currentTrack.artistId}`} className="truncate hover:text-primary hover:underline">
{currentTrack.artist}
</Link>
</div>
<div className="flex items-center gap-1">
<Disc className="w-3 h-3" />
<span className="truncate">{currentTrack.album}</span>
<Link href={`/album/${currentTrack.albumId}`} className="truncate hover:text-primary hover:underline">
{currentTrack.album}
</Link>
</div>
</div>
</div>
@@ -143,11 +148,23 @@ const QueuePage: React.FC = () => {
<div className="flex items-center text-sm text-muted-foreground space-x-4">
<div className="flex items-center gap-1">
<User className="w-3 h-3" />
<span className="truncate">{track.artist}</span>
<Link
href={`/artist/${track.artistId}`}
className="truncate hover:text-primary hover:underline"
onClick={(e) => e.stopPropagation()}
>
{track.artist}
</Link>
</div>
<div className="flex items-center gap-1">
<Disc className="w-3 h-3" />
<span className="truncate">{track.album}</span>
<Link
href={`/album/${track.albumId}`}
className="truncate hover:text-primary hover:underline"
onClick={(e) => e.stopPropagation()}
>
{track.album}
</Link>
</div>
</div>
</div>