feat: just use since for last cache update time in cache status

Signed-off-by: Matt Gleich <git@mattglei.ch>

Author: gleich

src/lib/time.ts

@@ -6,7 +6,7 @@ import advancedFormat from 'dayjs/plugin/advancedFormat';
 dayjs.extend(duration);
 dayjs.extend(advancedFormat);
 
-export function renderDate(date: Dayjs, now: Dayjs, lowercaseDayOfWeek: boolean = false): string {
+export function renderDate(date: Dayjs, now: Dayjs): string {
 	const dayjsDate = dayjs(date);
 	const yesterday = now.subtract(1, 'day');
 	const tomorrow = now.add(1, 'day');
@@ -17,19 +17,19 @@ export function renderDate(date: Dayjs, now: Dayjs, lowercaseDayOfWeek: boolean
 		now.year() === dayjsDate.year() &&
 		now.month() === dayjsDate.month()
 	) {
-		dayOfWeek = lowercaseDayOfWeek ? 'today' : 'Today';
+		dayOfWeek = 'Today';
 	} else if (
 		yesterday.date() === dayjsDate.date() &&
 		yesterday.year() === dayjsDate.year() &&
 		yesterday.month() === dayjsDate.month()
 	) {
-		dayOfWeek = lowercaseDayOfWeek ? 'yesterday' : 'Yesterday';
+		dayOfWeek = 'Yesterday';
 	} else if (
 		tomorrow.date() === dayjsDate.date() &&
 		tomorrow.year() === dayjsDate.year() &&
 		tomorrow.month() === dayjsDate.month()
 	) {
-		dayOfWeek = lowercaseDayOfWeek ? 'tomorrow' : 'Tomorrow';
+		dayOfWeek = 'Tomorrow';
 	} else {
 		dayOfWeek = dayjsDate.format('dddd, MMM Do');
 	}

src/lib/time/formatted-date.svelte

@@ -8,7 +8,7 @@
 	dayjs.extend(utc);
 	dayjs.extend(timezonePlugin);
 
-	const { time, lowercase = false }: { time: Date; lowercase?: boolean } = $props();
+	const { time }: { time: Date } = $props();
 
 	let dayjsTime = dayjs(time);
 	let now = $state(dayjs());
@@ -23,4 +23,4 @@
 	});
 </script>
 
-{renderDate(dayjsTime, now, lowercase)} [{fromNow(dayjsTime, now)}]
+{renderDate(dayjsTime, now)} [{fromNow(dayjsTime, now)}]

src/routes/writing/lcp/cache-status.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import RefreshIcon from '$lib/icons/refresh-icon.svelte';
-	import FormattedDate from '$lib/time/formatted-date.svelte';
+	import Since from '$lib/time/since.svelte';
 	import { Card } from '@gleich/ui';
 
 	const {
@@ -29,7 +29,7 @@
 	</div>
 	<div class="updated">
 		{#if updated}
-			Updated <FormattedDate lowercase time={updated} />
+			Updated <Since time={updated} />
 		{:else}
 			Cache is currently offline
 		{/if}