Remove star button from AlbumPage; conditionally render PopularSongs section in ArtistPage based on mobile view

This commit is contained in:
2025-07-25 14:05:10 +00:00
committed by GitHub
parent f4c01e2d20
commit 284bb4b29f
2 changed files with 3 additions and 9 deletions

View File

@@ -173,14 +173,6 @@ export default function AlbumPage() {
>
<Play className="w-6 h-6" />
</Button>
<Button
onClick={handleStar}
variant="ghost"
className="w-12 h-12 rounded-full p-0"
title={isStarred ? "Unstar album" : "Star album"}
>
<Heart className={`w-6 h-6 ${isStarred ? 'text-primary' : 'text-gray-500'}`} fill={isStarred ? 'var(--primary)' : ""}/>
</Button>
</div>
</div>
</div>

View File

@@ -15,6 +15,7 @@ import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area';
import Loading from '@/app/components/loading';
import { getNavidromeAPI } from '@/lib/navidrome';
import { useToast } from '@/hooks/use-toast';
import { useIsMobile } from '@/hooks/use-mobile';
export default function ArtistPage() {
const { artist: artistId } = useParams();
@@ -27,6 +28,7 @@ export default function ArtistPage() {
const { getArtist, starItem, unstarItem } = useNavidrome();
const { playArtist } = useAudioPlayer();
const { toast } = useToast();
const isMobile = useIsMobile();
const api = getNavidromeAPI();
useEffect(() => {
@@ -152,7 +154,7 @@ export default function ArtistPage() {
<ArtistBio artistName={artist.name} />
{/* Popular Songs Section */}
{popularSongs.length > 0 && (
{!isMobile && popularSongs.length > 0 && (
<PopularSongs songs={popularSongs} artistName={artist.name} />
)}