mirror of
https://github.com/yattee/yattee.git
synced 2026-05-12 18:35:05 +00:00
df232ad69a
Replace the tvOS Subscriptions header (All Channels link + View Options button) with a left-column channels sidebar that filters the feed in place, and move view options into a button at the top of the sidebar. Drops the channel strip size picker from the tvOS options sheet since the strip does not apply there, and mirrors the ContinueWatchingView focus pattern so initial focus and post-filter focus land on the first video row.
88 lines
2.5 KiB
Swift
88 lines
2.5 KiB
Swift
//
|
|
// TVSubscriptionsSidebarRow.swift
|
|
// Yattee
|
|
//
|
|
// Compact row used in the tvOS Subscriptions sidebar for the
|
|
// "All Channels" entry and each subscribed channel.
|
|
//
|
|
|
|
#if os(tvOS)
|
|
import SwiftUI
|
|
import NukeUI
|
|
|
|
struct TVSubscriptionsSidebarRow: View {
|
|
let name: String
|
|
let avatarURL: URL?
|
|
let serverURL: URL?
|
|
let authHeader: String?
|
|
let channelID: String?
|
|
let isAllChannels: Bool
|
|
let isSelected: Bool
|
|
let onTap: () -> Void
|
|
|
|
private let avatarSize: CGFloat = 50
|
|
|
|
private var effectiveAvatarURL: URL? {
|
|
guard let channelID else { return nil }
|
|
return AvatarURLBuilder.avatarURL(
|
|
channelID: channelID,
|
|
directURL: avatarURL,
|
|
serverURL: serverURL,
|
|
size: Int(avatarSize)
|
|
)
|
|
}
|
|
|
|
var body: some View {
|
|
Button(action: onTap) {
|
|
HStack(spacing: 12) {
|
|
avatar
|
|
.frame(width: avatarSize, height: avatarSize)
|
|
.clipShape(Circle())
|
|
|
|
Text(name)
|
|
.font(.body)
|
|
.fontWeight(isSelected ? .semibold : .regular)
|
|
.foregroundStyle(isSelected ? Color.accentColor : Color.primary)
|
|
.lineLimit(1)
|
|
|
|
Spacer(minLength: 0)
|
|
}
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 2)
|
|
.contentShape(Rectangle())
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var avatar: some View {
|
|
if isAllChannels {
|
|
ZStack {
|
|
Circle().fill(.quaternary)
|
|
Image(systemName: "rectangle.stack.fill")
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fit)
|
|
.foregroundStyle(.secondary)
|
|
.padding(avatarSize * 0.25)
|
|
}
|
|
} else {
|
|
LazyImage(request: AvatarURLBuilder.imageRequest(url: effectiveAvatarURL, authHeader: authHeader)) { state in
|
|
if let image = state.image {
|
|
image
|
|
.resizable()
|
|
.aspectRatio(contentMode: .fill)
|
|
} else {
|
|
Circle()
|
|
.fill(.quaternary)
|
|
.overlay {
|
|
Text(String(name.prefix(1)))
|
|
.font(.headline)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#endif
|