diff options
Diffstat (limited to 'frontend/src/lib/dialogs/components/UpdateModeSelector.svelte')
| -rw-r--r-- | frontend/src/lib/dialogs/components/UpdateModeSelector.svelte | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte b/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte index e4b4479..876657e 100644 --- a/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte +++ b/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte @@ -2,21 +2,17 @@ import { UpdateMode } from '$gql/graphql'; import { UpdateModeLabel } from '$lib/Enums'; - export let mode: UpdateMode; - - function select(e: string) { - mode = e as UpdateMode; - } + let { mode = $bindable() }: { mode: UpdateMode } = $props(); </script> <div class="flex gap-1 pb-1 text-xs"> - {#each Object.entries(UpdateModeLabel) as [e, label]} + {#each Object.entries(UpdateModeLabel) as [e, label] (e)} <button type="button" class:active={mode === e} class:dangerous={mode !== UpdateMode.Add} - class="btn btn-xs hover:bg-slate-700 [&.active.dangerous]:bg-rose-800 [&.active]:bg-indigo-700" - on:click={() => select(e)} + class="btn-xs hover:bg-slate-700 [&.active]:bg-indigo-700 [&.active.dangerous]:bg-rose-800" + onclick={() => (mode = e as UpdateMode)} > {label} </button> |