From b9983e4198f4cbc9d50f97a1f7d7dba0d6a9ad32 Mon Sep 17 00:00:00 2001
From: rhit-silkaijr <silkaijr@rose-hulman.edu>
Date: Mon, 13 Oct 2025 21:35:49 -0400
Subject: [PATCH 1/7] Keeping input on Show All button press

---
 .../lib/components/mods-list/ModsList.svelte  | 32 +++++++++++++------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index e90b4d5a..18cbd5b8 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -184,16 +184,28 @@
         {#if displayMods.length === 0 && !fetchingMods && !filteringMods && $hasFetchedMods}
           <div class="flex flex-col h-full items-center justify-center">
             {#if mods.length !== 0}
-              <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
-              <button
-                class="btn variant-filled-primary mt-4"
-                on:click={() => {
-                  $search = '';
-                  $filter = filterOptions[0];
-                }}
-              >
-                <T defaultValue="Show all" keyName="mods-list.show-all"/>
-              </button>
+              {#if $filter != filterOptions[0]}
+                <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                <button
+                  class="btn variant-filled-primary mt-4"
+                  on:click={() => {
+                    $filter = filterOptions[0];
+                  }}
+                >
+                  <T defaultValue="Show all" keyName="mods-list.show-all"/>
+                </button>
+              {:else}
+                <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                  <button
+                    class="btn variant-filled-primary mt-4"
+                    on:click={() => {
+                      $search = '';
+                      $filter = filterOptions[0];
+                    }}
+                  >
+                    <T defaultValue="Show all" keyName="mods-list.show-all"/>
+                  </button>
+              {/if}
             {:else}
               <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods found" keyName="mods-list.no-mods-found"/></p>
             {/if}

From 9ed4ef1585d2597c7de1cdb26693c95915ae6096 Mon Sep 17 00:00:00 2001
From: rhit-silkaijr <silkaijr@rose-hulman.edu>
Date: Mon, 13 Oct 2025 21:40:47 -0400
Subject: [PATCH 2/7] Clarifying text

---
 frontend/src/lib/components/mods-list/ModsList.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index 18cbd5b8..b0a18b00 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -195,7 +195,7 @@
                   <T defaultValue="Show all" keyName="mods-list.show-all"/>
                 </button>
               {:else}
-                <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                   <button
                     class="btn variant-filled-primary mt-4"
                     on:click={() => {

From a7680ed581817f492031e8d716d797ccb7bc0ae8 Mon Sep 17 00:00:00 2001
From: rhit-silkaijr <silkaijr@rose-hulman.edu>
Date: Mon, 13 Oct 2025 21:43:09 -0400
Subject: [PATCH 3/7] Fixing spacing

---
 .../lib/components/mods-list/ModsList.svelte   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index b0a18b00..86ef7701 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -196,15 +196,15 @@
                 </button>
               {:else}
                 <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
-                  <button
-                    class="btn variant-filled-primary mt-4"
-                    on:click={() => {
-                      $search = '';
-                      $filter = filterOptions[0];
-                    }}
-                  >
-                    <T defaultValue="Show all" keyName="mods-list.show-all"/>
-                  </button>
+                <button
+                  class="btn variant-filled-primary mt-4"
+                  on:click={() => {
+                    $search = '';
+                    $filter = filterOptions[0];
+                  }}
+                >
+                  <T defaultValue="Show all" keyName="mods-list.show-all"/>
+                </button>
               {/if}
             {:else}
               <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods found" keyName="mods-list.no-mods-found"/></p>

From 0f26974e2bcbf64746bea283c34c169afddde6fe Mon Sep 17 00:00:00 2001
From: rhit-silkaijr <silkaijr@rose-hulman.edu>
Date: Mon, 20 Oct 2025 23:47:37 -0400
Subject: [PATCH 4/7] Adding dedicated button layout

---
 .../lib/components/mods-list/ModsList.svelte  | 40 ++++++++++++++-----
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index 86ef7701..f9787789 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -185,15 +185,35 @@
           <div class="flex flex-col h-full items-center justify-center">
             {#if mods.length !== 0}
               {#if $filter != filterOptions[0]}
-                <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
-                <button
-                  class="btn variant-filled-primary mt-4"
-                  on:click={() => {
-                    $filter = filterOptions[0];
-                  }}
-                >
-                  <T defaultValue="Show all" keyName="mods-list.show-all"/>
-                </button>
+                {#if $search != ''}
+                    <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                    <button
+                      class="btn variant-filled-primary mt-4"
+                      on:click={() => {
+                        $filter = filterOptions[0];
+                      }}
+                    >
+                      <T defaultValue="Remove filters" keyName="mods-list.test1"/>
+                    </button>
+                    <button
+                      class="btn variant-filled-primary mt-4"
+                      on:click={() => {
+                        $search = '';
+                      }}
+                    >
+                      <T defaultValue="Remove search text" keyName="mods-list.test2"/>
+                    </button>
+                {:else}
+                  <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                  <button
+                    class="btn variant-filled-primary mt-4"
+                    on:click={() => {
+                      $filter = filterOptions[0];
+                    }}
+                  >
+                    <T defaultValue="Show all" keyName="mods-list.test3"/>
+                  </button>
+                {/if}
               {:else}
                 <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                 <button
@@ -203,7 +223,7 @@
                     $filter = filterOptions[0];
                   }}
                 >
-                  <T defaultValue="Show all" keyName="mods-list.show-all"/>
+                  <T defaultValue="Show all" keyName="mods-list.test4"/>
                 </button>
               {/if}
             {:else}

From e532e1396162955aa7f3fbafa5b222a4500ecf8c Mon Sep 17 00:00:00 2001
From: rhit-silkaijr <silkaijr@rose-hulman.edu>
Date: Tue, 21 Oct 2025 12:40:57 -0400
Subject: [PATCH 5/7] translating and fixing

---
 .../src/lib/components/mods-list/ModsList.svelte     | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index f9787789..5a827e91 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -186,14 +186,14 @@
             {#if mods.length !== 0}
               {#if $filter != filterOptions[0]}
                 {#if $search != ''}
-                    <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                    <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                     <button
                       class="btn variant-filled-primary mt-4"
                       on:click={() => {
                         $filter = filterOptions[0];
                       }}
                     >
-                      <T defaultValue="Remove filters" keyName="mods-list.test1"/>
+                      <T defaultValue="Remove search filters" keyName="mods-list.remove-search-filters"/>
                     </button>
                     <button
                       class="btn variant-filled-primary mt-4"
@@ -201,17 +201,17 @@
                         $search = '';
                       }}
                     >
-                      <T defaultValue="Remove search text" keyName="mods-list.test2"/>
+                      <T defaultValue="Remove search text" keyName="mods-list.remove-search-text"/>
                     </button>
                 {:else}
-                  <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your filters" keyName="mods-list.no-mods-filtered"/></p>
+                  <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                   <button
                     class="btn variant-filled-primary mt-4"
                     on:click={() => {
                       $filter = filterOptions[0];
                     }}
                   >
-                    <T defaultValue="Show all" keyName="mods-list.test3"/>
+                    <T defaultValue="Show all" keyName="mods-list.show-all"/>
                   </button>
                 {/if}
               {:else}
@@ -223,7 +223,7 @@
                     $filter = filterOptions[0];
                   }}
                 >
-                  <T defaultValue="Show all" keyName="mods-list.test4"/>
+                  <T defaultValue="Show all" keyName="mods-list.show-all"/>
                 </button>
               {/if}
             {:else}

From 41544d435e59de34f0172274bedd4c4ba2674997 Mon Sep 17 00:00:00 2001
From: rhit-silkaijr <silkaijr@rose-hulman.edu>
Date: Tue, 21 Oct 2025 13:01:59 -0400
Subject: [PATCH 6/7] Linting fix

---
 .../lib/components/mods-list/ModsList.svelte  | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index 5a827e91..5d8a0106 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -186,23 +186,23 @@
             {#if mods.length !== 0}
               {#if $filter != filterOptions[0]}
                 {#if $search != ''}
-                    <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
-                    <button
-                      class="btn variant-filled-primary mt-4"
-                      on:click={() => {
-                        $filter = filterOptions[0];
-                      }}
-                    >
-                      <T defaultValue="Remove search filters" keyName="mods-list.remove-search-filters"/>
-                    </button>
-                    <button
-                      class="btn variant-filled-primary mt-4"
-                      on:click={() => {
-                        $search = '';
-                      }}
-                    >
-                      <T defaultValue="Remove search text" keyName="mods-list.remove-search-text"/>
-                    </button>
+                  <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
+                  <button
+                    class="btn variant-filled-primary mt-4"
+                    on:click={() => {
+                      $filter = filterOptions[0];
+                    }}
+                  >
+                    <T defaultValue="Remove search filters" keyName="mods-list.remove-search-filters"/>
+                  </button>
+                  <button
+                    class="btn variant-filled-primary mt-4"
+                    on:click={() => {
+                      $search = '';
+                    }}
+                  >
+                    <T defaultValue="Remove search text" keyName="mods-list.remove-search-text"/>
+                  </button>
                 {:else}
                   <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                   <button

From d8e23c82bde8a97bb7d91e08504b14584d3ad9e0 Mon Sep 17 00:00:00 2001
From: Rob B <computerguy440+gh@gmail.com>
Date: Tue, 18 Nov 2025 20:46:47 -0500
Subject: [PATCH 7/7] Deduplication

---
 .../lib/components/mods-list/ModsList.svelte  | 35 +++++++++----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte
index 5d8a0106..57aebff2 100644
--- a/frontend/src/lib/components/mods-list/ModsList.svelte
+++ b/frontend/src/lib/components/mods-list/ModsList.svelte
@@ -163,6 +163,16 @@
     }
   }
 
+  $: userHasSearchText = $search != '';
+  $: userHasSearchFilters = $filter != filterOptions[0];
+
+  const removeSearchText = () => {
+    $search = '';
+  };
+  const removeSearchFilters = () => {
+    $filter = filterOptions[0];
+  };
+
   export let hideMods: boolean = false;
 </script>
 
@@ -184,44 +194,33 @@
         {#if displayMods.length === 0 && !fetchingMods && !filteringMods && $hasFetchedMods}
           <div class="flex flex-col h-full items-center justify-center">
             {#if mods.length !== 0}
-              {#if $filter != filterOptions[0]}
-                {#if $search != ''}
-                  <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
+              <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
+              {#if userHasSearchFilters}
+                {#if userHasSearchText}
                   <button
                     class="btn variant-filled-primary mt-4"
-                    on:click={() => {
-                      $filter = filterOptions[0];
-                    }}
+                    on:click={removeSearchFilters}
                   >
                     <T defaultValue="Remove search filters" keyName="mods-list.remove-search-filters"/>
                   </button>
                   <button
                     class="btn variant-filled-primary mt-4"
-                    on:click={() => {
-                      $search = '';
-                    }}
+                    on:click={removeSearchText}
                   >
                     <T defaultValue="Remove search text" keyName="mods-list.remove-search-text"/>
                   </button>
                 {:else}
-                  <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                   <button
                     class="btn variant-filled-primary mt-4"
-                    on:click={() => {
-                      $filter = filterOptions[0];
-                    }}
+                    on:click={removeSearchFilters}
                   >
                     <T defaultValue="Show all" keyName="mods-list.show-all"/>
                   </button>
                 {/if}
               {:else}
-                <p class="text-xl text-center text-surface-400-700-token"><T defaultValue="No mods matching your search" keyName="mods-list.no-mods-filtered"/></p>
                 <button
                   class="btn variant-filled-primary mt-4"
-                  on:click={() => {
-                    $search = '';
-                    $filter = filterOptions[0];
-                  }}
+                  on:click={removeSearchText}
                 >
                   <T defaultValue="Show all" keyName="mods-list.show-all"/>
                 </button>