Refactor LibraryIconView

2 files changed, 84 insertions, 0 deletions

diff --git a/Jel/Views/Library/LibraryDetailView.swift b/Jel/Views/Library/LibraryDetailView.swift
new file mode 100644
index 0000000..3d5a04b
--- /dev/null
+++ b/Jel/Views/Library/LibraryDetailView.swift
@@ -0,0 +1,43 @@
+//
+//  LibraryDetailView.swift
+//  Jel
+//
+//  Created by zerocool on 12/22/23.
+//
+
+import SwiftUI
+import JellyfinKit
+
+struct LibraryDetailView: View {
+  @EnvironmentObject var jellyfinClient: JellyfinClientController
+  @StateObject var authState: AuthStateController = AuthStateController.shared
+  
+  @State var library: BaseItemDto
+  @State var items: [BaseItemDto]? = []
+  
+  var body: some View {
+    ScrollView {
+      ForEach(items ?? []) {item in
+        LibraryIconView(library: item, imageType: "Primary", width: 120)
+          .padding()
+      }
+    }
+    .navigationTitle(library.name ?? "Unknown")
+    .onAppear {
+      Task {
+        let params = Paths.GetItemsParameters(userID: authState.userId, parentID: library.id)
+        let request = Paths.getItems(parameters: params)
+        
+        do {
+          let res = try await jellyfinClient.send(request)
+          items = res.value.items
+        } catch {
+        }
+      }
+    }
+  }
+}
+
+#Preview {
+  LibraryDetailView(library: BaseItemDto())
+}
diff --git a/Jel/Views/Library/LibraryIconView.swift b/Jel/Views/Library/LibraryIconView.swift
new file mode 100644
index 0000000..e5f42b0
--- /dev/null
+++ b/Jel/Views/Library/LibraryIconView.swift
@@ -0,0 +1,41 @@
+//
+//  LibraryIconView.swift
+//  Jel
+//
+//  Created by zerocool on 12/15/23.
+//
+
+import SwiftUI
+import JellyfinKit
+
+struct LibraryIconView: View {
+  @EnvironmentObject var jellyfinClient: JellyfinClientController
+  
+  @State var library: BaseItemDto
+  
+  @State var loadingImage: Bool = true
+  @State var imageType: String = "Primary"
+  var width: CGFloat?
+  var height: CGFloat?
+  
+  @State var loadedImageBinaryData: Data?
+  
+  var body: some View {
+    VStack {
+      AsyncImageView(imageId: library.id ?? "",
+                     blurhash: library.imageBlurHashes?.primary?[library.imageTags?[imageType] ?? ""] ?? "",
+                     imageType: imageType)
+      .aspectRatio(contentMode: .fill)
+      .frame(width: width, height: height)
+      .clipShape(RoundedRectangle(cornerRadius: 5))
+      
+      
+      Text(library.name ?? "Unknown")
+        .font(.subheadline)
+    }
+  }
+}
+
+//#Preview {
+//  LibraryIconView(library: BaseItemDto())
+//}