From 4b2b964283075712de98743720ff3e31370ddc8e Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Tue, 8 Sep 2026 08:57:08 +0200
Subject: Deduplicate routine actions and badges across project routes

- Share edit/complete/archive form actions in routine-actions.ts; route
  servers become thin wrappers (strictest guard semantics in one place)
- Move parseFrequencyDays into validation.ts
- Extract ScoreBadge/StatusBadge components; use on project pages and
  the home page instead of duplicated scoreClass/statusClass helpers
- Fix archiveProject calling the routine archive with the project id
---
 src/lib/components/ScoreBadge.svelte  | 13 +++++++++++++
 src/lib/components/StatusBadge.svelte | 26 ++++++++++++++++++++++++++
 2 files changed, 39 insertions(+)
 create mode 100644 src/lib/components/ScoreBadge.svelte
 create mode 100644 src/lib/components/StatusBadge.svelte

(limited to 'src/lib/components')

diff --git a/src/lib/components/ScoreBadge.svelte b/src/lib/components/ScoreBadge.svelte
new file mode 100644
index 0000000..6384667
--- /dev/null
+++ b/src/lib/components/ScoreBadge.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	let { score }: { score: number } = $props();
+
+	const className = $derived(
+		score >= 80
+			? 'score bg-success'
+			: score >= 50
+				? 'score bg-accent'
+				: 'score bg-danger',
+	);
+</script>
+
+<span class={className}>{score}</span>
diff --git a/src/lib/components/StatusBadge.svelte b/src/lib/components/StatusBadge.svelte
new file mode 100644
index 0000000..babcbfa
--- /dev/null
+++ b/src/lib/components/StatusBadge.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import {
+		STATUS_LABELS,
+		type RoutineStatus,
+	} from '$lib/shared/routine-metrics';
+
+	let {
+		status,
+		overdueDays = 0,
+	}: { status: RoutineStatus; overdueDays?: number } = $props();
+
+	const className = $derived(
+		status === 'ok'
+			? 'status bg-success text-white'
+			: status === 'due'
+				? 'status bg-accent-soft text-accent'
+				: status === 'late'
+					? 'status bg-accent text-white'
+					: 'status bg-danger text-white',
+	);
+</script>
+
+<span class={className}>
+	{STATUS_LABELS[status]}{#if overdueDays > 0}
+		({overdueDays} j){/if}
+</span>
-- 
cgit v1.3