From 8c0cee40a1a8adb533f9d8d8b5ff8945f3466b8b Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 12 Jan 2026 02:51:50 +0000
Subject: [PATCH] simple sprint display component

---
 .../src/components/small-sprint-display.tsx   | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 packages/frontend/src/components/small-sprint-display.tsx

diff --git a/packages/frontend/src/components/small-sprint-display.tsx b/packages/frontend/src/components/small-sprint-display.tsx
new file mode 100644
index 0000000..cc3b356
--- /dev/null
+++ b/packages/frontend/src/components/small-sprint-display.tsx
@@ -0,0 +1,25 @@
+import { DEFAULT_SPRINT_COLOUR, type SprintRecord } from "@issue/shared";
+import { cn, DARK_TEXT_COLOUR, isLight } from "@/lib/utils";
+
+export default function SmallSprintDisplay({
+    sprint,
+    className,
+}: {
+    sprint?: SprintRecord;
+    className?: string;
+}) {
+    const colour = sprint?.color || DEFAULT_SPRINT_COLOUR;
+    const textColour = isLight(colour) ? DARK_TEXT_COLOUR : "var(--foreground)";
+
+    return (
+        <div
+            className={cn(
+                "text-xs px-1.5 rounded-full inline-flex whitespace-nowrap border border-foreground/10",
+                className,
+            )}
+            style={{ backgroundColor: colour, color: textColour }}
+        >
+            {sprint?.name || "None"}
+        </div>
+    );
+}