From 492857a8ad0534dc6301ed598392bd88db569536 Mon Sep 17 00:00:00 2001
From: PartyDonut <42371342+PartyDonut@users.noreply.github.com>
Date: Sun, 16 Feb 2025 12:07:03 +0100
Subject: [PATCH] feature: Improve episode status indicators (#229)

Co-authored-by: PartyDonut <PartyDonut@users.noreply.github.com>
---
 lib/l10n/app_en.arb                           |  5 +++-
 lib/models/items/episode_model.dart           | 20 ++++++++++++++-
 lib/screens/shared/media/episode_posters.dart | 25 +++++++++++--------
 3 files changed, 37 insertions(+), 13 deletions(-)

diff --git a/lib/l10n/app_en.arb b/lib/l10n/app_en.arb
index 7570d94..ee7c3fb 100644
--- a/lib/l10n/app_en.arb
+++ b/lib/l10n/app_en.arb
@@ -1168,5 +1168,8 @@
   "desktop": "Desktop",
   "layoutModeSingle": "Single",
   "layoutModeDual": "Dual",
-  "copiedToClipboard": "Copied to clipboard"
+  "copiedToClipboard": "Copied to clipboard",
+  "episodeAvailable": "Available",
+  "episodeUnaired": "Unaired",
+  "episodeMissing": "Missing"
 }
\ No newline at end of file
diff --git a/lib/models/items/episode_model.dart b/lib/models/items/episode_model.dart
index 8ce5f37..89c61c3 100644
--- a/lib/models/items/episode_model.dart
+++ b/lib/models/items/episode_model.dart
@@ -20,7 +20,25 @@ import 'package:fladder/util/string_extensions.dart';
 
 part 'episode_model.mapper.dart';
 
-enum EpisodeStatus { available, unaired, missing }
+enum EpisodeStatus {
+  available,
+  unaired,
+  missing;
+
+  const EpisodeStatus();
+
+  Color get color => switch (this) {
+        EpisodeStatus.available => Colors.lightGreenAccent,
+        EpisodeStatus.unaired => Colors.indigoAccent,
+        EpisodeStatus.missing => Colors.redAccent,
+      };
+
+  String label(BuildContext context) => switch (this) {
+        EpisodeStatus.available => context.localized.episodeAvailable,
+        EpisodeStatus.unaired => context.localized.episodeUnaired,
+        EpisodeStatus.missing => context.localized.episodeMissing,
+      };
+}
 
 @MappableClass()
 class EpisodeModel extends ItemStreamModel with EpisodeModelMappable {
diff --git a/lib/screens/shared/media/episode_posters.dart b/lib/screens/shared/media/episode_posters.dart
index 7e60d29..5699e0f 100644
--- a/lib/screens/shared/media/episode_posters.dart
+++ b/lib/screens/shared/media/episode_posters.dart
@@ -1,3 +1,7 @@
+import 'package:flutter/material.dart';
+
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
 import 'package:fladder/models/items/episode_model.dart';
 import 'package:fladder/models/syncing/sync_item.dart';
 import 'package:fladder/providers/settings/client_settings_provider.dart';
@@ -16,8 +20,6 @@ import 'package:fladder/widgets/shared/horizontal_list.dart';
 import 'package:fladder/widgets/shared/item_actions.dart';
 import 'package:fladder/widgets/shared/modal_bottom_sheet.dart';
 import 'package:fladder/widgets/shared/status_card.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 class EpisodePosters extends ConsumerStatefulWidget {
   final List<EpisodeModel> episodes;
@@ -168,13 +170,13 @@ class EpisodePoster extends ConsumerWidget {
                 fit: StackFit.expand,
                 children: [
                   FladderImage(
-                    image: switch (episode.status) {
-                      EpisodeStatus.unaired || EpisodeStatus.missing => episode.parentImages?.primary,
-                      _ => episode.images?.primary
-                    },
+                    image: !episodeAvailable ? episode.parentImages?.primary : episode.images?.primary,
                     placeHolder: placeHolder,
-                    blurOnly:
-                        ref.watch(clientSettingsProvider.select((value) => value.blurUpcomingEpisodes)) ? blur : false,
+                    blurOnly: !episodeAvailable
+                        ? true
+                        : ref.watch(clientSettingsProvider.select((value) => value.blurUpcomingEpisodes))
+                            ? blur
+                            : false,
                   ),
                   if (!episodeAvailable)
                     Align(
@@ -182,14 +184,15 @@ class EpisodePoster extends ConsumerWidget {
                       child: Padding(
                         padding: const EdgeInsets.all(8),
                         child: Card(
-                          color: Theme.of(context).colorScheme.errorContainer,
+                          color: episode.status.color,
                           elevation: 3,
                           child: Padding(
                             padding: const EdgeInsets.all(8.0),
                             child: Text(
-                              episode.status.name,
+                              episode.status.label(context),
                               style: Theme.of(context).textTheme.bodyMedium?.copyWith(
-                                  color: Theme.of(context).colorScheme.onErrorContainer, fontWeight: FontWeight.bold),
+                                    fontWeight: FontWeight.bold,
+                                  ),
                             ),
                           ),
                         ),