feat(ui): add april fools executive mode

3 files changed, 21 insertions, 8 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 808a8e5b..93c8f208 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -19,6 +19,8 @@ import stateBin from "$stores/stateBin";
 import localforage from "localforage";
 import MediaRoulette from "../MediaRoulette.svelte";
 import type { Title } from "../mediaTitle";
+import aprilFools from "$stores/aprilFools";
+import { executiveCopy, executiveTitle } from "$lib/Utility/executiveMode";
 
 export let media: Media[];
 export let title: Title;
@@ -222,7 +224,7 @@ const increment = (anime: Media, progress: number) => {
   count={$settings.displayTotalDueEpisodes || $settings.displayTotalEpisodes
     ? totalEpisodeDueCount
     : filteredMedia.length}
-  {title}
+  title={executiveTitle($aprilFools, title)}
   hideTime={dummy}
   hideCount={dummy}
 >
@@ -230,16 +232,17 @@ const increment = (anime: Media, progress: number) => {
     <button
       class="small-button"
       onclick={() => (showRoulette = true)}
-      title="Pick a random anime to watch"
+      title={executiveCopy($aprilFools, "Roulette")}
     >
-      Roulette
+      {executiveCopy($aprilFools, "Roulette")}
     </button>
   {/if}
 </ListTitle>
 
 {#if media.length === 0}
-  No anime to display. <button onclick={() => (animeLists = cleanCache(user, $identity))}>
-    Force refresh
+  {$aprilFools ? "No deliverables to display." : "No anime to display."}
+  <button onclick={() => (animeLists = cleanCache(user, $identity))}>
+    {executiveCopy($aprilFools, "Force refresh")}
   </button>
 {:else if $settings.displayMediaListFilter && !disableFilter}
   <select value={selectedList} onchange={updateSelectedList}>
diff --git a/src/lib/List/Anime/DueAnimeList.svelte b/src/lib/List/Anime/DueAnimeList.svelte
index 2c707ffb..8e6cb0ef 100644
--- a/src/lib/List/Anime/DueAnimeList.svelte
+++ b/src/lib/List/Anime/DueAnimeList.svelte
@@ -14,6 +14,8 @@ import {
 	hasNoAiredEpisodes,
 } from "$lib/Media/Anime/Airing/classify";
 import { addNotification } from "$lib/Notification/store";
+import { executiveTitle } from "$lib/Utility/executiveMode";
+import aprilFools from "$stores/aprilFools";
 import locale from "$stores/locale";
 import identity from "$stores/identity";
 
@@ -153,4 +155,10 @@ const cleanMedia = (
 };
 </script>
 
-<AnimeList {endTime} {cleanMedia} bind:animeLists {user} title={$locale().lists.due.episodes} />
+<AnimeList
+	{endTime}
+	{cleanMedia}
+	bind:animeLists
+	{user}
+	title={executiveTitle($aprilFools, $locale().lists.due.episodes)}
+/>
diff --git a/src/lib/List/Anime/UpcomingAnimeList.svelte b/src/lib/List/Anime/UpcomingAnimeList.svelte
index d9b91122..6bee4955 100644
--- a/src/lib/List/Anime/UpcomingAnimeList.svelte
+++ b/src/lib/List/Anime/UpcomingAnimeList.svelte
@@ -12,6 +12,8 @@ import type { SubsPlease } from "$lib/Media/Anime/Airing/Subtitled/subsPlease";
 import { addNotification } from "$lib/Notification/store";
 import locale from "$stores/locale";
 import identity from "$stores/identity";
+import aprilFools from "$stores/aprilFools";
+import { executiveTitle } from "$lib/Utility/executiveMode";
 import { injectAiringTime } from "$lib/Media/Anime/Airing/Subtitled/match";
 import {
 	hasDueEpisodes,
@@ -120,7 +122,7 @@ $: {
   {cleanMedia}
   bind:animeLists
   {user}
-  title={$locale().lists.upcoming.episodes}
+  title={executiveTitle($aprilFools, $locale().lists.upcoming.episodes)}
   upcoming
 />
 
@@ -132,7 +134,7 @@ $: {
     {cleanMedia}
     bind:animeLists
     {user}
-    title={$locale().lists.upcoming.notYetReleased}
+    title={executiveTitle($aprilFools, $locale().lists.upcoming.notYetReleased)}
     notYetReleased
     plannedOnly
   />