From 0bab369a6bc6a64bfd8fedd577e69eb27bfb1178 Mon Sep 17 00:00:00 2001
From: Martin Kagamino Lehoux <martin@lehoux.net>
Date: Mon, 5 Oct 2026 07:37:35 +0200
Subject: Show time since done or lateness instead of the last-done date

---
 src/routes/projects/[id]/+page.svelte                         | 11 +++++------
 .../projects/[projectId]/routine/[routineId]/+page.svelte     | 11 +++++------
 2 files changed, 10 insertions(+), 12 deletions(-)

(limited to 'src/routes')

diff --git a/src/routes/projects/[id]/+page.svelte b/src/routes/projects/[id]/+page.svelte
index f93e018..0f3e857 100644
--- a/src/routes/projects/[id]/+page.svelte
+++ b/src/routes/projects/[id]/+page.svelte
@@ -6,7 +6,10 @@
 	import StatusBadge from '$lib/components/StatusBadge.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Row from '$lib/components/Row.svelte';
-	import type { RoutineState } from '$lib/shared/routine-metrics';
+	import {
+		formatDoneAge,
+		type RoutineState,
+	} from '$lib/shared/routine-metrics';
 	import { Frequency } from '$lib/shared/frequency';
 	import SectionTitle from '$lib/components/SectionTitle.svelte';
 	import { formatDayMonth } from '$lib/shared/temporal';
@@ -134,11 +137,7 @@
 					>
 					<span class="routine-meta">
 						{Frequency.parse(routine.frequency).format()}
-						{#if routine.lastDoneAt}
-							· fait le {formatDayMonth(routine.lastDoneAt)}
-						{:else}
-							· jamais fait
-						{/if}
+						· {formatDoneAge(routine)}
 					</span>
 				</div>
 			</Row>
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
index bd74b90..2dc5427 100644
--- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
+++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
@@ -5,7 +5,10 @@
 	import StatusBadge from '$lib/components/StatusBadge.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Row from '$lib/components/Row.svelte';
-	import { computeHealthSeries } from '$lib/shared/routine-metrics';
+	import {
+		computeHealthSeries,
+		formatDoneAge,
+	} from '$lib/shared/routine-metrics';
 	import { Frequency } from '$lib/shared/frequency';
 	import { formatDayMonth, formatDayMonthYear } from '$lib/shared/temporal';
 	import SectionTitle from '$lib/components/SectionTitle.svelte';
@@ -149,11 +152,7 @@
 				/>
 				<span class="chart-meta">
 					{Frequency.parse(data.routine.frequency).format()}
-					{#if data.state.lastDoneAt}
-						· fait le {formatDayMonth(data.state.lastDoneAt)}
-					{:else}
-						· jamais fait
-					{/if}
+					· {formatDoneAge(data.state)}
 				</span>
 			</div>
 		{/if}
-- 
cgit v1.3