From 822d2afba1a3edc8600e261bb9025f2c422bda72 Mon Sep 17 00:00:00 2001
From: Tudor Sitaru <tudor.sitaru@gmail.com>
Date: Thu, 16 Apr 2026 12:02:14 +0100
Subject: [PATCH] feat(ui): show "Today" on countdown chips when milestone is
 today

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 nextjs-app/components/AdmissionsView.tsx | 4 ++--
 nextjs-app/components/HomeView.tsx       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/nextjs-app/components/AdmissionsView.tsx b/nextjs-app/components/AdmissionsView.tsx
index d8aaa03..db5a500 100644
--- a/nextjs-app/components/AdmissionsView.tsx
+++ b/nextjs-app/components/AdmissionsView.tsx
@@ -187,8 +187,8 @@ export function AdmissionsView() {
                   {chip.track}
                 </span>
                 <div>
-                  <span className={styles.chipDays}>{days ?? '—'}</span>
-                  {days !== null && <span className={styles.chipDaysUnit}>days</span>}
+                  <span className={styles.chipDays}>{days === 0 ? 'Today' : (days ?? '—')}</span>
+                  {days !== null && days > 0 && <span className={styles.chipDaysUnit}>days</span>}
                 </div>
                 <div className={styles.chipMilestone}>{chip.milestone}</div>
                 <div className={styles.chipDate}>{days !== null ? fmtDate(chip.month, chip.day) : ''}</div>
diff --git a/nextjs-app/components/HomeView.tsx b/nextjs-app/components/HomeView.tsx
index 5de09c1..5b9643a 100644
--- a/nextjs-app/components/HomeView.tsx
+++ b/nextjs-app/components/HomeView.tsx
@@ -312,8 +312,8 @@ export function HomeView({ initialSchools, filters, totalSchools }: HomeViewProp
                     {chip.track}
                   </span>
                   <div>
-                    <span className={styles.chipDays}>{days ?? '—'}</span>
-                    {days !== null && <span className={styles.chipDaysUnit}>days</span>}
+                    <span className={styles.chipDays}>{days === 0 ? 'Today' : (days ?? '—')}</span>
+                    {days !== null && days > 0 && <span className={styles.chipDaysUnit}>days</span>}
                   </div>
                   <div className={styles.chipMilestone}>{chip.milestone}</div>
                   <div className={styles.chipDate}>