feat(charts): init segmented picker

angristan · Jun 15, 2021 · ebdb4c2 · ebdb4c2
1 parent 8b70d4c
commit ebdb4c2
Showing 1 changed file with 25 additions and 11 deletions.
diff --git a/firstfm/Views/CharList.swift b/firstfm/Views/CharList.swift
@@ -10,27 +10,41 @@ import SwiftUI
 struct ChartList: View {
     @ObservedObject var charts = ChartViewModel()
     @State var loaded = false
+    @State private var selectedChartsIndex = 0
 
     var body: some View {
         NavigationView {
             ZStack {
-                List(charts.artists) { artist in
-                    NavigationLink(
-                        destination: ArtistView(artist: artist),
-                        label: {
-                            ArtistRow(artist: artist)
-                        })
-                }.navigationTitle("Artist charts").onAppear {
-                    if !loaded {
-                        self.charts.getChartingArtists()
-                        // Prevent loading artits again when navigating
-                        self.loaded = true
+                VStack {
+                    Picker("Favorite Color",
+                           selection: $selectedChartsIndex,
+                           content: {
+                            Text("Artists").tag(0)
+                            Text("Tracks").tag(1)
+                           }).padding(.horizontal, 20)
+                        .padding(.vertical, 5)
+                        .pickerStyle(SegmentedPickerStyle())
+
+                    List(charts.artists) { artist in
+                        NavigationLink(
+                            destination: ArtistView(artist: artist),
+                            label: {
+                                ArtistRow(artist: artist)
+                            })
+                    }.navigationTitle("Global charts").onAppear {
+                        if !loaded {
+                            self.charts.getChartingArtists()
+                            // Prevent loading artits again when navigating
+                            self.loaded = true
+                        }
                     }
                 }
+                // Show loader above the rest of the ZStack
                 if charts.isLoading {
                     ProgressView()
                 }
             }
+
         }
     }
 }