From fa94d03911c6cb516abcbf0ea2cc7eccd52644b5 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Mon, 3 Mar 2025 12:03:04 +0100
Subject: [PATCH] Countdown improvements

---
 src/back/jdd-components/countdown/countdown.css     |  1 +
 src/back/jdd-components/countdown/countdown.jdd.tsx | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/back/jdd-components/countdown/countdown.css b/src/back/jdd-components/countdown/countdown.css
index 29ba59e..718aafd 100644
--- a/src/back/jdd-components/countdown/countdown.css
+++ b/src/back/jdd-components/countdown/countdown.css
@@ -43,6 +43,7 @@
 		display: flex;
 		height: var(--height);
 		align-items: center;
+		color: var(--color-brand-text-fg);
 	}
 
 	.separator--seconds {
diff --git a/src/back/jdd-components/countdown/countdown.jdd.tsx b/src/back/jdd-components/countdown/countdown.jdd.tsx
index f161ec9..ef5609c 100644
--- a/src/back/jdd-components/countdown/countdown.jdd.tsx
+++ b/src/back/jdd-components/countdown/countdown.jdd.tsx
@@ -1,5 +1,9 @@
 import { TempstreamJSX } from "tempstream";
-import type { ComponentToHTMLArgs } from "@sealcode/jdd";
+import type {
+	ComponentToHTMLArgs,
+	ExtractStructuredComponentArgumentsParsed,
+	JDDContext,
+} from "@sealcode/jdd";
 import { Component, ComponentArguments } from "@sealcode/jdd";
 import { calculateDifference } from "./difference.js";
 
@@ -33,6 +37,13 @@ export class Countdown extends Component<typeof component_arguments> {
 		return component_arguments;
 	}
 
+	getTitle(
+		_: JDDContext,
+		args: ExtractStructuredComponentArgumentsParsed<typeof component_arguments>
+	) {
+		return `Countdown to ${args.date}`;
+	}
+
 	async toHTML({
 		args: { date },
 		classes,