diff options
| author | Wolfgang Müller | 2025-02-26 16:23:47 +0100 |
|---|---|---|
| committer | Wolfgang Müller | 2025-02-26 17:38:53 +0100 |
| commit | a650238d96af7f84be9b19fd995d9765c4895c99 (patch) | |
| tree | 91b7c45132bf03b2285bdd9eb628f3320779f253 /frontend/src/lib/pills/AssociationPill.svelte | |
| parent | ccb5caa6d48f72849d4595f6067e15f8d77982aa (diff) | |
| download | hircine-a650238d96af7f84be9b19fd995d9765c4895c99.tar.gz | |
frontend: Simplify Pill handling
Where before we handled the styling of pills (such as their icons and
colours) in multiple different places, instead centralize all of this in
the base Pill component.
Diffstat (limited to 'frontend/src/lib/pills/AssociationPill.svelte')
| -rw-r--r-- | frontend/src/lib/pills/AssociationPill.svelte | 27 |
1 files changed, 0 insertions, 27 deletions
diff --git a/frontend/src/lib/pills/AssociationPill.svelte b/frontend/src/lib/pills/AssociationPill.svelte deleted file mode 100644 index fec59b8..0000000 --- a/frontend/src/lib/pills/AssociationPill.svelte +++ /dev/null @@ -1,27 +0,0 @@ -<script lang="ts"> - import Artist from '$lib/icons/Artist.svelte'; - import Character from '$lib/icons/Character.svelte'; - import Circle from '$lib/icons/Circle.svelte'; - import World from '$lib/icons/World.svelte'; - import type { Component } from 'svelte'; - import Pill from './Pill.svelte'; - - type Association = 'artist' | 'circle' | 'world' | 'character'; - - let { name, type }: { name: string; type: Association } = $props(); - - const icons: Record<Association, Component> = { - artist: Artist, - character: Character, - circle: Circle, - world: World - }; - - const Icon = icons[type]; -</script> - -<Pill {name}> - {#snippet icon()} - <Icon /> - {/snippet} -</Pill> |