Update Musadora app with the 100 best albums view

rryam · May 20, 2024 · 291c646 · 291c646
1 parent 18dc611
commit 291c646
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/Musadora/Musadora.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved b/Musadora/Musadora.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved
@@ -7,7 +7,7 @@
       "location" : "https://github.com/rryam/MusadoraKit",
       "state" : {
         "branch" : "main",
-        "revision" : "36ee64f6eeace2afdde88c47ac13802cba11d5b5"
+        "revision" : "18dc61136bcb5b4aa5717eb46b6ff83035c8b3eb"
       }
     }
   ],

diff --git a/Musadora/Musadora/Recommendations/RecommendationsView.swift b/Musadora/Musadora/Recommendations/RecommendationsView.swift
@@ -16,32 +16,33 @@ struct RecommendationsView: View {
     NavigationListStack("Recommendations") {
 
       Section("100 Best Albums") {
-        LazyVGrid(columns: [GridItem(.adaptive(minimum: 200))], spacing: 20) {
+        LazyVGrid(columns: [GridItem(.adaptive(minimum: 250))], spacing: 20) {
           ForEach(hundredBestAlbums) { album in
             Button(action: {
               Task {
                 let detailedAlbum = try await MCatalog.album(id: album.id, fetch: .tracks)
                 try await APlayer.shared.play(album: detailedAlbum)
               }
             }, label: {
-              VStack {
-                ArtworkImage(album.artwork, width: 200, height: 200)
+              VStack(alignment: .leading) {
+                ArtworkImage(album.artwork, width: 250, height: 250)
                   .cornerRadius(16)
 
                 Text(album.title)
                   .font(.title2)
-                  .frame(maxWidth: .infinity, alignment: .leading)
                   .padding(.top)
                   .lineLimit(1)
 
                 Text(album.artistName)
                   .font(.headline)
                   .foregroundColor(.secondary)
-                  .frame(maxWidth: .infinity, alignment: .leading)
                   .lineLimit(1)
               }
-              .padding()
+              .padding(8)
+              .contentShape(RoundedRectangle(cornerRadius: 24))
+              .hoverEffect()
             })
+            .buttonStyle(.plain)
           }
         }
         .padding(.horizontal)