Home queue

Shared/Home/HomeView.swift

@@ -62,15 +62,19 @@ struct HomeView: View {
                     }
                 #endif
             }
-            #if os(iOS)
-            .padding(.top, RefreshControl.navigationBarTitleDisplayMode == .inline ? 15 : 0)
-            #else
             .padding(.top, 15)
-            #endif
             #if os(tvOS)
-            .padding(.horizontal, 40)
+                .padding(.horizontal, 40)
             #else
-            .padding(.horizontal, 15)
+                .padding(.horizontal, 15)
+            #endif
+
+            QueueView()
+                .padding(.vertical, 15)
+            #if os(tvOS)
+                .padding(.horizontal, 40)
+            #else
+                .padding(.horizontal, 15)
             #endif
 
             if !accounts.current.isNil, showFavoritesInHome {

Shared/Home/QueueView.swift

@@ -0,0 +1,69 @@
+import SwiftUI
+
+struct QueueView: View {
+    @State private var expanded = false
+
+    @ObservedObject private var player = PlayerModel.shared
+
+    var body: some View {
+        LazyVStack {
+            if !items.isEmpty {
+                HStack {
+                    sectionLabel("Next in queue")
+                    Button {
+                        withAnimation {
+                            expanded.toggle()
+                        }
+                    } label: {
+                        Label("Show more", systemImage: expanded ? "chevron.up" : "chevron.down")
+                            .animation(nil, value: expanded)
+                            .foregroundColor(.accentColor)
+                            .imageScale(.large)
+                            .labelStyle(.iconOnly)
+                    }
+                    .opacity(items.count > 1 ? 1 : 0)
+                }
+                ForEach(limitedItems) { item in
+                    ContentItemView(item: .init(video: item.video))
+                        .environment(\.listingStyle, .list)
+                        .environment(\.inQueueListing, true)
+                        .environment(\.noListingDividers, limit == 1)
+                        .transition(.opacity)
+                }
+            }
+        }
+    }
+
+    var limitedItems: [PlayerQueueItem] {
+        if let limit {
+            return Array(items.prefix(limit))
+        }
+
+        return items
+    }
+
+    var items: [PlayerQueueItem] {
+        player.queue
+    }
+
+    var limit: Int? {
+        if !expanded {
+            return 1
+        }
+
+        return nil
+    }
+
+    func sectionLabel(_ label: String) -> some View {
+        Text(label.localized())
+            .font(.title3.bold())
+            .frame(maxWidth: .infinity, alignment: .leading)
+            .foregroundColor(.secondary)
+    }
+}
+
+struct QueueView_Previews: PreviewProvider {
+    static var previews: some View {
+        QueueView()
+    }
+}