Watch Now section, horizontal cells

Shared/Watch Now/WatchNowPlaylistSection.swift

@@ -0,0 +1,25 @@
+import Siesta
+import SwiftUI
+
+struct WatchNowPlaylistSection: View {
+    @ObservedObject private var store = Store<Playlist>()
+
+    let id: String
+
+    var resource: Resource {
+        InvidiousAPI.shared.playlist(id)
+    }
+
+    init(id: String) {
+        self.id = id
+
+        resource.addObserver(store)
+    }
+
+    var body: some View {
+        WatchNowSectionBody(label: store.item?.title ?? "Loading", videos: store.item?.videos ?? [])
+            .onAppear {
+                resource.loadIfNeeded()
+            }
+    }
+}

Shared/Watch Now/WatchNowSection.swift

@@ -0,0 +1,23 @@
+import Siesta
+import SwiftUI
+
+struct WatchNowSection: View {
+    @ObservedObject private var store = Store<[Video]>()
+
+    let resource: Resource
+    let label: String
+
+    init(resource: Resource, label: String) {
+        self.resource = resource
+        self.label = label
+
+        self.resource.addObserver(store)
+    }
+
+    var body: some View {
+        WatchNowSectionBody(label: label, videos: store.collection)
+            .onAppear {
+                resource.loadIfNeeded()
+            }
+    }
+}

Shared/Watch Now/WatchNowSectionBody.swift

@@ -0,0 +1,21 @@
+import SwiftUI
+
+struct WatchNowSectionBody: View {
+    let label: String
+    let videos: [Video]
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 2) {
+            Text(label)
+                .font(.title3.bold())
+                .foregroundColor(.secondary)
+            #if os(tvOS)
+                .padding(.leading, 40)
+            #else
+                .padding(.leading, 15)
+            #endif
+
+            VideosCellsHorizontal(videos: videos)
+        }
+    }
+}

Shared/Watch Now/WatchNowView.swift

@@ -0,0 +1,38 @@
+import Siesta
+import SwiftUI
+
+struct WatchNowView: View {
+    var body: some View {
+        ScrollView(.vertical, showsIndicators: false) {
+            VStack(alignment: .leading, spacing: 0) {
+                WatchNowSection(resource: InvidiousAPI.shared.feed, label: "Subscriptions")
+                WatchNowSection(resource: InvidiousAPI.shared.popular, label: "Popular")
+                WatchNowSection(resource: InvidiousAPI.shared.trending(category: .default, country: .pl), label: "Trending")
+                WatchNowSection(resource: InvidiousAPI.shared.trending(category: .movies, country: .pl), label: "Movies")
+                WatchNowSection(resource: InvidiousAPI.shared.trending(category: .music, country: .pl), label: "Music")
+
+//              TODO: adding sections to view
+//              ===================
+//              WatchNowPlaylistSection(id: "IVPLmRFYLGYZpq61SpujNw3EKbzzGNvoDmH")
+//              WatchNowSection(resource: InvidiousAPI.shared.channelVideos("UCBJycsmduvYEL83R_U4JriQ"), label: "MKBHD")
+            }
+        }
+        #if os(tvOS)
+            .edgesIgnoringSafeArea(.horizontal)
+        #else
+            .navigationTitle("Watch Now")
+        #endif
+        #if os(macOS)
+            .background()
+            .frame(minWidth: 360)
+        #endif
+    }
+}
+
+struct WatchNowView_Previews: PreviewProvider {
+    static var previews: some View {
+        WatchNowView()
+            .environmentObject(Subscriptions())
+            .environmentObject(NavigationState())
+    }
+}