Skip to content

Keeping input on Show All button press #326

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
budak7273 merged 8 commits into from
Nov 19, 2025
Merged

Keeping input on Show All button press #326

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
b9983e4
Keeping input on Show All button press
rhit-silkaijr Oct 14, 2025
9ed4ef1
Clarifying text
rhit-silkaijr Oct 14, 2025
a7680ed
Fixing spacing
rhit-silkaijr Oct 14, 2025
0f26974
Adding dedicated button layout
rhit-silkaijr Oct 21, 2025
e532e13
translating and fixing
rhit-silkaijr Oct 21, 2025
7cf858b
Merge branch 'master' into KeepInputOnSwappedFilters
rhit-silkaijr Oct 21, 2025
41544d4
Linting fix
rhit-silkaijr Oct 21, 2025
d8e23c8
Deduplication
budak7273 Nov 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 41 additions & 10 deletions frontend/src/lib/components/mods-list/ModsList.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,6 +163,16 @@
}
}

$: userHasSearchText = $search != '';
$: userHasSearchFilters = $filter != filterOptions[0];

const removeSearchText = () => {
$search = '';
};
const removeSearchFilters = () => {
$filter = filterOptions[0];
};

export let hideMods: boolean = false;
</script>

Expand All @@ -184,16 +194,37 @@
{#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>
<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={removeSearchFilters}
>
<T defaultValue="Remove search filters" keyName="mods-list.remove-search-filters"/>
</button>
<button
class="btn variant-filled-primary mt-4"
on:click={removeSearchText}
>
<T defaultValue="Remove search text" keyName="mods-list.remove-search-text"/>
</button>
{:else}
<button
class="btn variant-filled-primary mt-4"
on:click={removeSearchFilters}
>
<T defaultValue="Show all" keyName="mods-list.show-all"/>
</button>
{/if}
{:else}
<button
class="btn variant-filled-primary mt-4"
on:click={removeSearchText}
>
<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}
Expand Down
Loading