From d1d654ebac2d51e3841675faeb56480e440f622f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Tue, 5 Mar 2024 18:08:09 +0100
Subject: Initial commit

---
 .../dialogs/components/UpdateModeSelector.svelte   | 24 ++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/lib/dialogs/components/UpdateModeSelector.svelte

(limited to 'frontend/src/lib/dialogs/components/UpdateModeSelector.svelte')

diff --git a/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte b/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte
new file mode 100644
index 0000000..e4b4479
--- /dev/null
+++ b/frontend/src/lib/dialogs/components/UpdateModeSelector.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { UpdateMode } from '$gql/graphql';
+	import { UpdateModeLabel } from '$lib/Enums';
+
+	export let mode: UpdateMode;
+
+	function select(e: string) {
+		mode = e as UpdateMode;
+	}
+</script>
+
+<div class="flex gap-1 pb-1 text-xs">
+	{#each Object.entries(UpdateModeLabel) as [e, label]}
+		<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)}
+		>
+			{label}
+		</button>
+	{/each}
+</div>
-- 
cgit v1.2.3-2-gb3c3

