import Defaults import SwiftUI struct AppSidebarSubscriptions: View { @ObservedObject private var navigation = NavigationModel.shared @ObservedObject private var feed = FeedModel.shared @ObservedObject private var subscriptions = SubscribedChannelsModel.shared @ObservedObject private var accounts = AccountsModel.shared var body: some View { Section(header: Text("Subscriptions")) { ForEach(subscriptions.all) { channel in NavigationLink(tag: TabSelection.channel(channel.id), selection: $navigation.tabSelection) { LazyView(ChannelVideosView(channel: channel).modifier(PlayerOverlayModifier())) } label: { HStack { if channel.thumbnailURL != nil { ChannelAvatarView(channel: channel, subscribedBadge: false) .frame(width: 20, height: 20) Text(channel.name) } else { Label(channel.name, systemImage: RecentsModel.symbolSystemImage(channel.name)) } } .backport .badge(channelBadge(channel)) } .contextMenu { if subscriptions.isSubscribing(channel.id) { toggleWatchedButton(channel) } Button("Unsubscribe") { navigation.presentUnsubscribeAlert(channel, subscriptions: subscriptions) } } .id("channel\(channel.id)") } } } func channelBadge(_ channel: Channel) -> Text? { if let count = feed.unwatchedByChannel[accounts.current]?[channel.id] { return Text(String(count)) } return nil } @ViewBuilder func toggleWatchedButton(_ channel: Channel) -> some View { if feed.canMarkChannelAsWatched(channel.id) { markChannelAsWatchedButton(channel) } else { markChannelAsUnwatchedButton(channel) } } func markChannelAsWatchedButton(_ channel: Channel) -> some View { Button { feed.markChannelAsWatched(channel.id) } label: { Label("Mark channel feed as watched", systemImage: "checkmark.circle.fill") } .disabled(!feed.canMarkAllFeedAsWatched) } func markChannelAsUnwatchedButton(_ channel: Channel) -> some View { Button { feed.markChannelAsUnwatched(channel.id) } label: { Label("Mark channel feed as unwatched", systemImage: "checkmark.circle") } } } struct AppSidebarSubscriptions_Previews: PreviewProvider { static var previews: some View { AppSidebarSubscriptions() } }