Implement ItemSeriesSelectableEpisodesViewHEADmain

1 files changed, 26 insertions, 16 deletions

diff --git a/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift b/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift
index 338f8a7..f0d95cf 100644
--- a/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift
+++ b/Jel/Views/Item/Series/ItemSeriesEpisodesView.swift
@@ -10,36 +10,46 @@ import JellyfinKit
 
 struct ItemSeriesEpisodesView: View {
   @EnvironmentObject var jellyfinClient: JellyfinClientController
-  @EnvironmentObject var size: ScreenSize
-  
   @ObservedObject var authState: AuthStateController = AuthStateController.shared
   
   var item: BaseItemDto
   
   @State var episodeItems: [BaseItemDto] = []
+  @State var loading: Bool = true
   
   var body: some View {
-    VStack(alignment: .leading) {
+    LazyVStack(alignment: .leading) {
       ForEach(episodeItems) {episode in
         ItemSeriesEpisodeIconView(item: episode)
       }
     }
+    .if(loading) {view in
+      view
+        .redacted(reason: .placeholder)
+    }
+    .onChange(of: item) {
+      self.loadEpisodes()
+    }
     .onAppear {
-      Task {
-        let parameters = Paths.GetItemsParameters(
-          userID: authState.userId,
-          parentID: item.id ?? ""
-        )
-        let req = Paths.getItems(parameters: parameters)
-        
-        do {
-          let res = try await jellyfinClient.send(req)
-          episodeItems = res.value.items ?? []
-        } catch {}
-      }
+      self.loadEpisodes()
     }
   }
-}
+  
+  func loadEpisodes() {
+    Task {
+      let parameters = Paths.GetItemsParameters(
+        userID: authState.userId,
+        parentID: item.id ?? ""
+      )
+      let req = Paths.getItems(parameters: parameters)
+      
+      do {
+        let res = try await jellyfinClient.send(req)
+        episodeItems = res.value.items ?? []
+        loading = false
+      } catch {}
+    }
+  }}
 
 //#Preview {
 //    ItemSeriesEpisodesView()