[tvOS] ErrorViews - Creation

Swiftfin tvOS/Components/ErrorView.swift

@@ -0,0 +1,47 @@
+//
+// Swiftfin is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, you can obtain one at https://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) 2025 Jellyfin & Jellyfin Contributors
+//
+
+import SwiftUI
+
+// TODO: should use environment refresh instead?
+struct ErrorView<ErrorType: Error>: View {
+
+    private let error: ErrorType
+    private var onRetry: (() -> Void)?
+
+    var body: some View {
+        VStack(spacing: 20) {
+            Image(systemName: "xmark.circle.fill")
+                .font(.system(size: 150))
+                .foregroundColor(Color.red)
+
+            Text(error.localizedDescription)
+                .frame(minWidth: 250, maxWidth: 750)
+                .multilineTextAlignment(.center)
+
+            if let onRetry {
+                PrimaryButton(title: L10n.retry)
+                    .onSelect(onRetry)
+            }
+        }
+    }
+}
+
+extension ErrorView {
+
+    init(error: ErrorType) {
+        self.init(
+            error: error,
+            onRetry: nil
+        )
+    }
+
+    func onRetry(_ action: @escaping () -> Void) -> Self {
+        copy(modifying: \.onRetry, with: action)
+    }
+}

Swiftfin tvOS/Components/ListRowButton.swift

@@ -10,16 +10,32 @@ import SwiftUI
 
 struct ListRowButton: View {
 
+    // MARK: - Environment
+
+    @Environment(\.isEnabled)
+    private var isEnabled
+
+    // MARK: - Focus State
+
+    @FocusState
+    private var isFocused: Bool
+
+    // MARK: - Button Variables
+
     let title: String
     let role: ButtonRole?
     let action: () -> Void
 
+    // MARK: - Initializer
+
     init(_ title: String, role: ButtonRole? = nil, action: @escaping () -> Void) {
         self.title = title
         self.role = role
         self.action = action
     }
 
+    // MARK: - Body
+
     var body: some View {
         Button {
             action()
@@ -28,16 +44,23 @@ struct ListRowButton: View {
                 RoundedRectangle(cornerRadius: 10)
                     .fill(secondaryStyle)
 
+                if !isEnabled {
+                    Color.black.opacity(0.5)
+                } else if isFocused {
+                    Color.white.opacity(0.25)
+                }
+
                 Text(title)
                     .foregroundStyle(primaryStyle)
                     .font(.body.weight(.bold))
             }
         }
         .buttonStyle(.card)
-        .frame(height: 75)
+        .frame(maxHeight: 75)
+        .focused($isFocused)
     }
 
-    // MARK: - Styles
+    // MARK: - Primary Style
 
     private var primaryStyle: some ShapeStyle {
         if role == .destructive {
@@ -47,6 +70,8 @@ struct ListRowButton: View {
         }
     }
 
+    // MARK: - Secondary Style
+
     private var secondaryStyle: some ShapeStyle {
         if role == .destructive {
             return AnyShapeStyle(Color.red.opacity(0.2))

Swiftfin tvOS/Components/PrimaryButton.swift

@@ -0,0 +1,76 @@
+//
+// Swiftfin is subject to the terms of the Mozilla Public
+// License, v2.0. If a copy of the MPL was not distributed with this
+// file, you can obtain one at https://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) 2025 Jellyfin & Jellyfin Contributors
+//
+
+import Defaults
+import SwiftUI
+
+struct PrimaryButton: View {
+
+    // MARK: - Defaults
+
+    @Default(.accentColor)
+    private var accentColor
+
+    // MARK: - Environment
+
+    @Environment(\.isEnabled)
+    private var isEnabled
+
+    // MARK: - Focus State
+
+    @FocusState
+    private var isFocused: Bool
+
+    // MARK: - Button Variables
+
+    private let title: String
+    private var onSelect: () -> Void
+
+    // MARK: - Body
+
+    var body: some View {
+        Button {
+            onSelect()
+        } label: {
+            ZStack {
+                RoundedRectangle(cornerRadius: 10)
+                    .fill(accentColor)
+
+                if !isEnabled {
+                    Color.black.opacity(0.5)
+                } else if isFocused {
+                    Color.white.opacity(0.25)
+                }
+
+                Text(title)
+                    .fontWeight(.bold)
+                    .foregroundStyle(isFocused ? Color.black : accentColor.overlayColor)
+            }
+        }
+        .buttonStyle(.card)
+        .frame(height: 75)
+        .frame(maxWidth: 750)
+        .focused($isFocused)
+    }
+}
+
+extension PrimaryButton {
+
+    // MARK: - Initializer
+
+    init(title: String) {
+        self.init(
+            title: title,
+            onSelect: {}
+        )
+    }
+
+    func onSelect(_ action: @escaping () -> Void) -> Self {
+        copy(modifying: \.onSelect, with: action)
+    }
+}

Swiftfin tvOS/Views/AppLoadingView.swift

@@ -18,10 +18,20 @@ struct AppLoadingView: View {
         ZStack {
             Color.clear
 
+            if !didFailMigration {
+                ProgressView()
+            }
+
             if didFailMigration {
-                Text("An internal error occurred.")
+                ErrorView(error: JellyfinAPIError("An internal error occurred."))
             }
         }
+        .topBarTrailing {
+            Button(L10n.advanced, systemImage: "gearshape.fill") {}
+                .foregroundStyle(.secondary)
+                .disabled(true)
+                .opacity(didFailMigration ? 0 : 1)
+        }
         .onNotification(.didFailMigration) { _ in
             didFailMigration = true
         }

Swiftfin tvOS/Views/ChannelLibraryView/ChannelLibraryView.swift

@@ -40,7 +40,7 @@ struct ChannelLibraryView: View {
     }
 
     var body: some View {
-        WrappedView {
+        ZStack {
             switch viewModel.state {
             case .content:
                 if viewModel.elements.isEmpty {
@@ -49,11 +49,15 @@ struct ChannelLibraryView: View {
                     contentView
                 }
             case let .error(error):
-                Text(error.localizedDescription)
+                ErrorView(error: error)
+                    .onRetry {
+                        viewModel.send(.refresh)
+                    }
             case .initial, .refreshing:
                 ProgressView()
             }
         }
+        .animation(.linear(duration: 0.1), value: viewModel.state)
         .ignoresSafeArea()
         .onFirstAppear {
             if viewModel.state == .initial {

Swiftfin tvOS/Views/HomeView/HomeView.swift

@@ -50,19 +50,23 @@ struct HomeView: View {
     }
 
     var body: some View {
-        WrappedView {
-            Group {
-                switch viewModel.state {
-                case .content:
-                    contentView
-                case let .error(error):
-                    Text(error.localizedDescription)
-                case .initial, .refreshing:
-                    ProgressView()
-                }
+        ZStack {
+            // This keeps the ErrorView vertically aligned with the PagingLibraryView
+            Color.clear
+
+            switch viewModel.state {
+            case .content:
+                contentView
+            case let .error(error):
+                ErrorView(error: error)
+                    .onRetry {
+                        viewModel.send(.refresh)
+                    }
+            case .initial, .refreshing:
+                ProgressView()
             }
-            .transition(.opacity.animation(.linear(duration: 0.2)))
         }
+        .animation(.linear(duration: 0.1), value: viewModel.state)
         .onFirstAppear {
             viewModel.send(.refresh)
         }

Swiftfin tvOS/Views/ItemView/ItemView.swift

@@ -52,17 +52,20 @@ struct ItemView: View {
     }
 
     var body: some View {
-        WrappedView {
+        ZStack {
             switch viewModel.state {
             case .content:
                 contentView
             case let .error(error):
-                Text(error.localizedDescription)
+                ErrorView(error: error)
+                    .onRetry {
+                        viewModel.send(.refresh)
+                    }
             case .initial, .refreshing:
                 ProgressView()
             }
         }
-        .transition(.opacity.animation(.linear(duration: 0.2)))
+        .animation(.linear(duration: 0.1), value: viewModel.state)
         .onFirstAppear {
             viewModel.send(.refresh)
         }