feat(List): Add media roulette

1 files changed, 17 insertions, 1 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index b7b7a6cb..fef76c03 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -18,6 +18,7 @@
   import CleanList from '../CleanList.svelte';
   import stateBin from '$stores/stateBin';
   import localforage from 'localforage';
+  import MediaRoulette from '../MediaRoulette.svelte';
 
   export let media: Media[];
   export let title: any;
@@ -33,6 +34,7 @@
   export let dummy = false;
   export let disableFilter = false;
 
+  let showRoulette = false;
   let keyCacher: NodeJS.Timeout;
   let totalEpisodeDueCount = media
     .map((anime) => {
@@ -145,7 +147,17 @@
   {title}
   hideTime={dummy}
   hideCount={dummy}
-/>
+>
+  {#if $settings.displayMediaRoulette && !upcoming && !notYetReleased && filteredMedia.length > 0}
+    <button
+      class="small-button"
+      onclick={() => (showRoulette = true)}
+      title="Pick a random anime to watch"
+    >
+      Roulette
+    </button>
+  {/if}
+</ListTitle>
 
 {#if media.length === 0}
   No anime to display. <button onclick={() => (animeLists = cleanCache(user, $identity))}>
@@ -229,3 +241,7 @@
     </span>
   </CleanList>
 {/if}
+
+{#if showRoulette && !upcoming && !notYetReleased}
+  <MediaRoulette media={filteredMedia} type="anime" onClose={() => (showRoulette = false)} />
+{/if}