From 284bb4b29f7be13d8f1e26856701610578e00f56 Mon Sep 17 00:00:00 2001
From: angel <sillyangel3@gmail.com>
Date: Fri, 25 Jul 2025 14:05:10 +0000
Subject: [PATCH] Remove star button from AlbumPage; conditionally render
 PopularSongs section in ArtistPage based on mobile view

---
 app/album/[id]/page.tsx      | 8 --------
 app/artist/[artist]/page.tsx | 4 +++-
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/app/album/[id]/page.tsx b/app/album/[id]/page.tsx
index ea79894..bb734cb 100644
--- a/app/album/[id]/page.tsx
+++ b/app/album/[id]/page.tsx
@@ -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>
diff --git a/app/artist/[artist]/page.tsx b/app/artist/[artist]/page.tsx
index 62066fe..dfa2ae6 100644
--- a/app/artist/[artist]/page.tsx
+++ b/app/artist/[artist]/page.tsx
@@ -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} />
         )}