Channels search, add SDWebImage framework

Shared/Views/ChannelCell.swift

@@ -0,0 +1,73 @@
+import Foundation
+import SDWebImageSwiftUI
+import SwiftUI
+
+struct ChannelCell: View {
+    let channel: Channel
+
+    @Environment(\.navigationStyle) private var navigationStyle
+
+    @EnvironmentObject<NavigationModel> private var navigation
+    @EnvironmentObject<RecentsModel> private var recents
+
+    var body: some View {
+        Button {
+            let recent = RecentItem(from: channel)
+            recents.add(recent)
+            navigation.isChannelOpen = true
+
+            if navigationStyle == .sidebar {
+                navigation.sidebarSectionChanged.toggle()
+                navigation.tabSelection = .recentlyOpened(recent.tag)
+            }
+        } label: {
+            content
+                .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
+                .contentShape(RoundedRectangle(cornerRadius: 12))
+        }
+        .buttonStyle(.plain)
+    }
+
+    var content: some View {
+        VStack {
+            Text("Channel".uppercased())
+                .foregroundColor(.secondary)
+                .fontWeight(.light)
+                .opacity(0.6)
+
+            WebImage(url: channel.thumbnailURL)
+                .resizable()
+                .placeholder {
+                    Rectangle().fill(Color("PlaceholderColor"))
+                }
+                .indicator(.progress)
+                .frame(width: 88, height: 88)
+                .clipShape(Circle())
+
+            Group {
+                DetailBadge(text: channel.name, style: .prominent)
+
+                Group {
+                    if let subscriptions = channel.subscriptionsString {
+                        Text("\(subscriptions) subscribers")
+                            .foregroundColor(.secondary)
+                    } else {
+                        Text("")
+                    }
+                }
+                .frame(height: 20)
+            }
+            .offset(x: 0, y: -15)
+        }
+    }
+}
+
+struct ChannelSearchItem_Preview: PreviewProvider {
+    static var previews: some View {
+        Group {
+            ChannelCell(channel: Video.fixture.channel)
+        }
+        .frame(maxWidth: 300, maxHeight: 200)
+        .injectFixtureEnvironmentObjects()
+    }
+}