Remove upcoming broadcast section & tweaks

lib/src/model/broadcast/broadcast.dart

@@ -7,7 +7,6 @@ part 'broadcast.freezed.dart';
 
 typedef BroadcastList = ({
   IList<Broadcast> active,
-  IList<Broadcast> upcoming,
   IList<Broadcast> past,
   int? nextPage,
 });

lib/src/model/broadcast/broadcast_providers.dart

@@ -36,7 +36,6 @@ class BroadcastsPaginator extends _$BroadcastsPaginator {
     state = AsyncData(
       (
         active: broadcastList.active,
-        upcoming: broadcastList.upcoming,
         past: broadcastList.past.addAll(broadcastListNewPage.past),
         nextPage: broadcastListNewPage.nextPage,
       ),

lib/src/model/broadcast/broadcast_repository.dart

@@ -58,8 +58,6 @@ BroadcastList _makeBroadcastResponseFromJson(
 ) {
   return (
     active: pick(json, 'active').asListOrThrow(_broadcastFromPick).toIList(),
-    upcoming:
-        pick(json, 'upcoming').asListOrThrow(_broadcastFromPick).toIList(),
     past: pick(json, 'past', 'currentPageResults')
         .asListOrThrow(_broadcastFromPick)
         .toIList(),

lib/src/utils/image.dart

@@ -5,22 +5,28 @@ import 'package:image/image.dart' as img;
 
 import 'package:material_color_utilities/material_color_utilities.dart';
 
+typedef ImageColors = ({
+  int primaryContainer,
+  int onPrimaryContainer,
+  int error,
+});
+
 /// A worker that calculates the `primaryContainer` color of a remote image.
 ///
 /// The worker is created by calling [ImageColorWorker.spawn], and the computation
 /// is run in a separate isolate.
 class ImageColorWorker {
   final SendPort _commands;
   final ReceivePort _responses;
-  final Map<int, Completer<(int, int)?>> _activeRequests = {};
+  final Map<int, Completer<ImageColors?>> _activeRequests = {};
   int _idCounter = 0;
   bool _closed = false;
 
   bool get closed => _closed;
 
-  Future<(int, int)?> getImageColors(String url) async {
+  Future<ImageColors?> getImageColors(String url) async {
     if (_closed) throw StateError('Closed');
-    final completer = Completer<(int, int)?>.sync();
+    final completer = Completer<ImageColors?>.sync();
     final id = _idCounter++;
     _activeRequests[id] = completer;
     _commands.send((id, url));
@@ -64,7 +70,7 @@ class ImageColorWorker {
     if (response is RemoteError) {
       completer.completeError(response);
     } else {
-      completer.complete(response as (int, int));
+      completer.complete(response as ImageColors);
     }
 
     if (_closed && _activeRequests.isEmpty) _responses.close();
@@ -102,7 +108,11 @@ class ImageColorWorker {
           isDark: false,
           contrastLevel: 0.0,
         );
-        final colors = (scheme.primaryContainer, scheme.onPrimaryContainer);
+        final colors = (
+          primaryContainer: scheme.primaryContainer,
+          onPrimaryContainer: scheme.onPrimaryContainer,
+          error: scheme.error,
+        );
         sendPort.send((id, colors));
       } catch (e) {
         sendPort.send((id, RemoteError(e.toString(), '')));

lib/src/view/broadcast/broadcast_list_screen.dart

@@ -47,7 +47,9 @@ class BroadcastListScreen extends StatelessWidget {
         navigationBar: CupertinoNavigationBar(
           middle: title,
           automaticBackgroundVisibility: false,
-          backgroundColor: Colors.transparent,
+          backgroundColor: Styles.cupertinoAppBarColor
+              .resolveFrom(context)
+              .withValues(alpha: 0.0),
           border: null,
         ),
         child: const _Body(),
@@ -137,7 +139,6 @@ class _BodyState extends ConsumerState<_Body> {
 
     final sections = [
       (context.l10n.broadcastOngoing, broadcasts.value!.active),
-      (context.l10n.broadcastUpcoming, broadcasts.value!.upcoming),
       (context.l10n.broadcastCompleted, broadcasts.value!.past),
     ];
 
@@ -249,6 +250,7 @@ class BroadcastGridItem extends StatefulWidget {
 typedef _CardColors = ({
   Color primaryContainer,
   Color onPrimaryContainer,
+  Color error,
 });
 final Map<ImageProvider, _CardColors> _colorsCache = {};
 
@@ -283,10 +285,11 @@ class _BroadcastGridItemState extends State<BroadcastGridItem> {
     } else if (widget.worker.closed == false) {
       final response = await widget.worker.getImageColors(provider.url);
       if (response != null) {
-        final (primaryContainer, onPrimaryContainer) = response;
+        final (:primaryContainer, :onPrimaryContainer, :error) = response;
         final cardColors = (
           primaryContainer: Color(primaryContainer),
           onPrimaryContainer: Color(onPrimaryContainer),
+          error: Color(error),
         );
         _colorsCache[provider] = cardColors;
         if (mounted) {
@@ -310,6 +313,7 @@ class _BroadcastGridItemState extends State<BroadcastGridItem> {
     final subTitleColor =
         _cardColors?.onPrimaryContainer.withValues(alpha: 0.7) ??
             textShade(context, 0.7);
+    final liveColor = _cardColors?.error ?? LichessColors.red;
 
     return GestureDetector(
       onTap: () {
@@ -351,10 +355,10 @@ class _BroadcastGridItemState extends State<BroadcastGridItem> {
                   begin: Alignment.center,
                   end: Alignment.bottomCenter,
                   colors: [
-                    backgroundColor.withValues(alpha: 0.10),
+                    backgroundColor.withValues(alpha: 0.0),
                     backgroundColor.withValues(alpha: 1.0),
                   ],
-                  stops: const [0.5, 1.00],
+                  stops: const [0.7, 1.10],
                   tileMode: TileMode.clamp,
                 ).createShader(bounds);
               },
@@ -401,12 +405,12 @@ class _BroadcastGridItemState extends State<BroadcastGridItem> {
                           ),
                           const SizedBox(width: 4.0),
                           if (widget.broadcast.isLive)
-                            const Text(
+                            Text(
                               'LIVE',
                               style: TextStyle(
                                 fontSize: 15,
                                 fontWeight: FontWeight.bold,
-                                color: Colors.red,
+                                color: liveColor,
                               ),
                               overflow: TextOverflow.ellipsis,
                             )

lib/src/view/watch/watch_tab_screen.dart

@@ -215,7 +215,7 @@ class _BroadcastWidget extends ConsumerWidget {
             ),
           ),
           children: [
-            ...CombinedIterableView([data.active, data.upcoming, data.past])
+            ...CombinedIterableView([data.active, data.past])
                 .take(numberOfItems)
                 .map((broadcast) => _BroadcastTile(broadcast: broadcast)),
           ],