diff --git a/frontend/src/lib/components/mods-list/ModsList.svelte b/frontend/src/lib/components/mods-list/ModsList.svelte index e90b4d5a..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; @@ -184,16 +194,37 @@ {#if displayMods.length === 0 && !fetchingMods && !filteringMods && $hasFetchedMods}
{#if mods.length !== 0} -

- +

+ {#if userHasSearchFilters} + {#if userHasSearchText} + + + {:else} + + {/if} + {:else} + + {/if} {:else}

{/if}