Initial commit0.1.0

1 files changed, 24 insertions, 0 deletions

diff --git a/frontend/src/lib/toolbar/FilterBookmarked.svelte b/frontend/src/lib/toolbar/FilterBookmarked.svelte
new file mode 100644
index 0000000..bcbe295
--- /dev/null
+++ b/frontend/src/lib/toolbar/FilterBookmarked.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { ComicFilterContext, cycleBooleanFilter, getFilterContext } from '$lib/Filter';
+	import { accelerator } from '$lib/Shortcuts';
+	import Bookmark from '$lib/icons/Bookmark.svelte';
+
+	const filter = getFilterContext<ComicFilterContext>();
+	$: bookmarked = $filter.include.controls.bookmarked.value;
+
+	const toggle = () => {
+		$filter.include.controls.bookmarked.value = cycleBooleanFilter(bookmarked, false);
+		$filter.apply($page.url.searchParams);
+	};
+</script>
+
+<button
+	class:toggled={bookmarked}
+	class="btn-slate"
+	title="Filter bookmarked"
+	on:click={toggle}
+	use:accelerator={'b'}
+>
+	<Bookmark {bookmarked} />
+</button>