fix(Landing): Disable filtering

6 files changed, 17 insertions, 6 deletions

diff --git a/src/lib/Landing.svelte b/src/lib/Landing.svelte
index f688eacf..00c110b7 100644
--- a/src/lib/Landing.svelte
+++ b/src/lib/Landing.svelte
@@ -10,7 +10,7 @@
 <div class="example-item card">
   <div class="item-content">
     <details class="list" open>
-      <MangaListTemplate due={true} dummy displayUnresolved={false} />
+      <MangaListTemplate due={true} dummy displayUnresolved={false} disableFilter />
     </details>
   </div>
 
@@ -48,7 +48,7 @@
   </div>
   <div class="item-content">
     <details class="list" open>
-      <CompletedAnimeList dummy />
+      <CompletedAnimeList dummy disableFilter />
     </details>
   </div>
 </div>
diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte
index 99d2e888..6e8d6d6c 100644
--- a/src/lib/List/Anime/AnimeListTemplate.svelte
+++ b/src/lib/List/Anime/AnimeListTemplate.svelte
@@ -30,6 +30,7 @@
   export let upcoming = false;
   export let notYetReleased = false;
   export let dummy = false;
+  export let disableFilter = false;
 
   let lastUpdatedMedia = -1;
   let previousAnimeList: Media[];
@@ -67,6 +68,7 @@
         bind:previousAnimeList
         bind:pendingUpdate
         {dummy}
+        {disableFilter}
       />
     {:else}
       <PlaceholderList count={lastListSize} {title} />
@@ -88,6 +90,7 @@
         bind:previousAnimeList
         bind:pendingUpdate
         {dummy}
+        {disableFilter}
       />
     {/if}
   {:catch}
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index a9026d1d..1d57997b 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -30,6 +30,7 @@
   export let upcoming = false;
   export let notYetReleased = false;
   export let dummy = false;
+  export let disableFilter = false;
 
   let keyCacher: NodeJS.Timeout;
   let totalEpisodeDueCount = media
@@ -68,7 +69,7 @@
         : 'Due';
   const filterKey = `${filterKind}AnimeListFilter`;
 
-  $: selectedList = ($stateBin[filterKey] as string) || 'All';
+  $: selectedList = disableFilter ? 'All' : ($stateBin[filterKey] as string) || 'All';
 
   $: filteredMedia =
     selectedList === 'All' || !$settings.displayMediaListFilter
@@ -149,7 +150,7 @@
   No anime to display. <button on:click={() => (animeLists = cleanCache(user, $identity))}>
     Force refresh
   </button>
-{:else if $settings.displayMediaListFilter}
+{:else if $settings.displayMediaListFilter && !disableFilter}
   <select bind:value={$stateBin[filterKey]}>
     <option value="All">All</option>
 
diff --git a/src/lib/List/Anime/CompletedAnimeList.svelte b/src/lib/List/Anime/CompletedAnimeList.svelte
index 1fa775c4..4245525d 100644
--- a/src/lib/List/Anime/CompletedAnimeList.svelte
+++ b/src/lib/List/Anime/CompletedAnimeList.svelte
@@ -18,6 +18,7 @@
     tokenType: ''
   };
   export let dummy = false;
+  export let disableFilter = false;
 
   const { addNotification } = getNotificationsContext();
   let animeLists: Promise<Media[]>;
@@ -127,4 +128,5 @@
   title={$locale().lists.completed.anime}
   completed
   {dummy}
+  {disableFilter}
 />
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index aeb1bc7e..b7167a9a 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -30,6 +30,7 @@
   export let rateLimited: boolean;
   export let authorised: boolean;
   export let dummy = false;
+  export let disableFilter = false;
 
   let serviceStatusResponse: Promise<Response>;
   let totalEpisodeDueCount = media
@@ -52,7 +53,7 @@
   const filterKind = due ? 'due' : 'completed';
   const filterKey = `${filterKind}MangaListFilter`;
 
-  $: selectedList = ($stateBin[filterKey] as string) || 'All';
+  $: selectedList = disableFilter ? 'All' : ($stateBin[filterKey] as string) || 'All';
 
   $: filteredMedia =
     selectedList === 'All' || !$settings.displayMediaListFilter
@@ -139,7 +140,7 @@
     >
     You can re-enable it later in the <a href={root('/settings')}>Settings</a>.
   </span>
-{:else if $settings.displayMediaListFilter}
+{:else if $settings.displayMediaListFilter && !disableFilter}
   <select bind:value={$stateBin[filterKey]}>
     <option value="All">All</option>
 
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index d7f00616..b2d95dc5 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -31,6 +31,7 @@
   export let displayUnresolved: boolean;
   export let due: boolean;
   export let dummy = $settings.debugDummyLists || false;
+  export let disableFilter = false;
 
   const { addNotification } = getNotificationsContext();
   const authorised = privilegedUser($identity.id);
@@ -262,6 +263,7 @@
       {rateLimited}
       {authorised}
       {dummy}
+      {disableFilter}
     />
   {:else}
     {#if !authorised}
@@ -309,6 +311,7 @@
         {rateLimited}
         {authorised}
         {dummy}
+        {disableFilter}
       />
     {:else}
       {#if !authorised}
@@ -376,6 +379,7 @@
       {rateLimited}
       {authorised}
       {dummy}
+      {disableFilter}
     />
   {:catch}
     {#if authorised}