yattee/Shared/Views/ChannelCell.swift

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()
    }
}