diff options
Diffstat (limited to 'frontend/src/routes/namespaces')
-rw-r--r-- | frontend/src/routes/namespaces/+page.svelte | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/frontend/src/routes/namespaces/+page.svelte b/frontend/src/routes/namespaces/+page.svelte index 04f7737..d8e728d 100644 --- a/frontend/src/routes/namespaces/+page.svelte +++ b/frontend/src/routes/namespaces/+page.svelte @@ -4,6 +4,7 @@ import type { Namespace } from '$gql/graphql'; import { NamespaceSortLabel } from '$lib/Enums'; import { BasicFilterContext } from '$lib/Filter.svelte'; + import { quickComicFilter } from '$lib/Navigation'; import { toastFinally } from '$lib/Toasts'; import AddButton from '$lib/components/AddButton.svelte'; import Cardlet from '$lib/components/Cardlet.svelte'; @@ -53,6 +54,8 @@ .then((namespace) => modals.open(EditNamespace, { namespace })) .catch(toastFinally); }; + + const quickFilter = (id: number) => quickComicFilter(`${id}:`, 'tags'); </script> <Head section="Namespaces" /> @@ -78,9 +81,9 @@ <main> <Cardlets> {#each namespaces.edges as { id, name }, index (id)} - <Selectable {index} {id} {edit}> - {#snippet children({ onclick, selected })} - <Cardlet {name} {onclick} filter="tags" id={`${id}:`}> + <Selectable {index} {id} onclick={edit} onauxclick={quickFilter}> + {#snippet children({ onclick, onauxclick, selected })} + <Cardlet {name} {onclick} {onauxclick}> {#snippet overlay()} <SelectionOverlay position="right" centered {selected} /> {/snippet} |