summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/icons/Orphan.svelte
diff options
context:
space:
mode:
authorWolfgang Müller2025-02-20 15:24:42 +0100
committerWolfgang Müller2025-02-20 19:51:39 +0100
commit8e9aa5f6286a15c818a47344fc80964f5288bb52 (patch)
treeb3ef187daff345eeb918ab07900cc1c4185c53e4 /frontend/src/lib/icons/Orphan.svelte
parentc6bf35aea63969b90463d6e70cb02ed61e4e3270 (diff)
downloadhircine-8e9aa5f6286a15c818a47344fc80964f5288bb52.tar.gz
frontend: Allow filtering for orphaned associations
With the association count filters in place we may now also allow the user to filter for associations that do not have a matching counterparts (artists without a comic, for example).
Diffstat (limited to 'frontend/src/lib/icons/Orphan.svelte')
-rw-r--r--frontend/src/lib/icons/Orphan.svelte15
1 files changed, 15 insertions, 0 deletions
diff --git a/frontend/src/lib/icons/Orphan.svelte b/frontend/src/lib/icons/Orphan.svelte
new file mode 100644
index 0000000..7d947d2
--- /dev/null
+++ b/frontend/src/lib/icons/Orphan.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+ interface Props {
+ orphaned?: boolean;
+ hoverable?: boolean;
+ }
+
+ let { orphaned, hoverable = false }: Props = $props();
+</script>
+
+{#if orphaned}
+ <span class:hoverable class="icon-gray icon-base icon-[material-symbols--fmd-bad]"></span>
+{:else}
+ <span class:hoverable class="icon-gray icon-base dim icon-[material-symbols--fmd-bad-outline]"
+ ></span>
+{/if}