summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/pagination/Target.svelte
blob: 9044bb92cb30ab566f4572ce2364c3c2991bfcfe (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script lang="ts">
	import { page as pageStore } from '$app/stores';
	import { navigate } from '$lib/Navigation';

	export let active = false;

	export let disabled = false;
	export let page: number;
</script>

<button
	on:click={() => {
		navigate({ pagination: { page: page } }, $pageStore.url.searchParams);
	}}
	class:bg-slate-700={active}
	class:bg-slate-800={!active}
	class="flex h-8 w-8 items-center justify-center rounded-sm p-0 text-base hover:text-white disabled:text-slate-600"
	{disabled}
>
	<slot />
</button>