5 files changed, 119 insertions, 8 deletions
diff --git a/Jel/Views/ContentView.swift b/Jel/Views/ContentView.swift
index 11a8277..76a01dd 100644
--- a/Jel/Views/ContentView.swift
+++ b/Jel/Views/ContentView.swift
@@ -21,7 +21,7 @@ struct ContentView: View {
         SignInView()
       } else {
         NavigationStack {
-          DashBoardView()
+          DashboardView()
         }
       }
     }
diff --git a/Jel/Views/Dashboard/DashBoardView.swift b/Jel/Views/Dashboard/DashboardView.swift
index ea2003c..2658180 100644
--- a/Jel/Views/Dashboard/DashBoardView.swift
+++ b/Jel/Views/Dashboard/DashboardView.swift
@@ -1,19 +1,20 @@
 //
-//  DashBoardView.swift
+//  DashboardView.swift
 //  Jel
 //
 //  Created by zerocool on 12/12/23.
 //
 
 import SwiftUI
+import JellyfinKit
 
-struct DashBoardView: View {
+struct DashboardView: View {
   @State var showingSettingsSheet: Bool = false
   
   var body: some View {
     NavigationStack {
       VStack {
-        
+        LibraryView()
       }
       .toolbar {
         ToolbarItem {
@@ -32,5 +33,5 @@ struct DashBoardView: View {
 }
 
 #Preview {
-  DashBoardView()
+  DashboardView()
 }
diff --git a/Jel/Views/Dashboard/Library/LibraryIconView.swift b/Jel/Views/Dashboard/Library/LibraryIconView.swift
index 4f6c711..c4dbde0 100644
--- a/Jel/Views/Dashboard/Library/LibraryIconView.swift
+++ b/Jel/Views/Dashboard/Library/LibraryIconView.swift
@@ -6,13 +6,29 @@
 //
 
 import SwiftUI
+import JellyfinKit
+import BlurHashKit
 
 struct LibraryIconView: View {
-    var body: some View {
-        Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
+  @EnvironmentObject var jellyfinClient: JellyfinClientController
+  
+  @State var library: BaseItemDto
+  @State var loadingImage: Bool = true
+  
+  @State var loadedImageBinaryData: Data?
+  
+  var body: some View {
+    VStack {
+      AsyncImageView(imageId: library.id ?? "",
+                     blurhash: library.imageBlurHashes?.primary?[library.imageTags?["Primary"] ?? ""] ?? "",
+                     imageType: "Primary")
+      
+      Text(library.name ?? "Unknown")
+        .font(.subheadline)
     }
+  }
 }
 
 #Preview {
-    LibraryIconView()
+  LibraryIconView(library: BaseItemDto())
 }
diff --git a/Jel/Views/Dashboard/Library/LibraryView.swift b/Jel/Views/Dashboard/Library/LibraryView.swift
new file mode 100644
index 0000000..39ca6ba
--- /dev/null
+++ b/Jel/Views/Dashboard/Library/LibraryView.swift
@@ -0,0 +1,44 @@
+//
+//  LibraryView.swift
+//  Jel
+//
+//  Created by zerocool on 12/15/23.
+//
+
+import SwiftUI
+import JellyfinKit
+
+struct LibraryView: View {
+  @EnvironmentObject var jellyfinClient: JellyfinClientController
+  
+  @StateObject var authState: AuthStateController = AuthStateController.shared
+  
+  @State var libraries: [BaseItemDto] = []
+  var body: some View {
+    ScrollView(.horizontal, showsIndicators: false) {
+      LazyHStack {
+        ForEach(libraries) {library in
+          if library.collectionType == "movies" || library.collectionType == "tvshows" {
+            LibraryIconView(library: library)
+          }
+        }
+      }
+    }
+    .onAppear {
+      Task {
+        do {
+          let request = Paths.getUserViews(userID: authState.userId ?? "")
+          if let results = try await jellyfinClient.send(request).value.items {
+            libraries = results
+          }
+        } catch {
+          print(error)
+        }
+      }
+    }
+  }
+}
+
+//#Preview {
+//  LibraryView()
+//}
diff --git a/Jel/Views/Utility/AsyncImageView.swift b/Jel/Views/Utility/AsyncImageView.swift
new file mode 100644
index 0000000..bed5687
--- /dev/null
+++ b/Jel/Views/Utility/AsyncImageView.swift
@@ -0,0 +1,50 @@
+//
+//  AsyncImageView.swift
+//  Jel
+//
+//  Created by zerocool on 12/19/23.
+//
+
+import SwiftUI
+import BlurHashKit
+import JellyfinKit
+
+struct AsyncImageView: View {
+  @EnvironmentObject var jellyfinClient: JellyfinClientController
+  
+  @State var imageId: String
+  @State var blurhash: String
+  @State var imageType: String
+  
+  @State var loading = true
+  @State var uiImage: UIImage = UIImage()
+  
+  var body: some View {
+    VStack {
+      if loading {
+        BlurHashView(blurHash: blurhash)
+      } else {
+        Image(uiImage: uiImage)
+      }
+    }
+    .onAppear {
+      Task {
+        let request = Paths.getItemImage(itemID: imageId, imageType: imageType)
+        do {
+          let res = try await jellyfinClient.send(request)
+          if let image = UIImage(data: res.value) {
+            uiImage = image
+            loading = false
+          } else {
+            
+          }
+        }
+      }
+      
+    }
+  }
+}
+
+//#Preview {
+//  AsyncImageView(imageId: "", blurhash: "", imageType: "")
+//}