diff --git a/src/components/medications/glp1-medication-card.tsx b/src/components/medications/glp1-medication-card.tsx index 1a82fbc74..2fec10c8f 100644 --- a/src/components/medications/glp1-medication-card.tsx +++ b/src/components/medications/glp1-medication-card.tsx @@ -4,7 +4,10 @@ import { useEffect, useReducer, useState } from "react"; import { useQuery, useQueryClient } from "@tanstack/react-query"; import Link from "next/link"; import { + AlertCircle, + AlertTriangle, Check, + CircleCheck, Flame, History, Loader2, @@ -395,13 +398,28 @@ export function Glp1MedicationCard({
+ {/* v1.4.38 W-D P2-3 — pair the colour with a Lucide
+ glyph so colour-blind users (red-green) can
+ disambiguate take-now from late from very-late.
+ WCAG 1.4.1 (Use of Color). */}
+ {currentWindowStatus.status === "in_window" ? (
+
+ ) : currentWindowStatus.status === "late" ? (
+
+ ) : (
+
+ )}
{currentWindowStatus.status === "in_window"
? t("medications.takeNow")
: currentWindowStatus.status === "late"
diff --git a/src/components/medications/medication-card.tsx b/src/components/medications/medication-card.tsx
index 13be5be16..2f46bdd4e 100644
--- a/src/components/medications/medication-card.tsx
+++ b/src/components/medications/medication-card.tsx
@@ -17,7 +17,10 @@ import {
toBerlinDate,
} from "@/lib/medications/window-status";
import {
+ AlertCircle,
+ AlertTriangle,
Check,
+ CircleCheck,
SkipForward,
Flame,
Pencil,
@@ -294,13 +297,28 @@ export function MedicationCard({ medication, onEdit }: MedicationCardProps) {
+ {/* v1.4.38 W-D P2-3 — pair the colour with a Lucide
+ glyph so colour-blind users (red-green) can
+ disambiguate take-now from late from very-late.
+ WCAG 1.4.1 (Use of Color). */}
+ {currentWindowStatus.status === "in_window" ? (
+
+ ) : currentWindowStatus.status === "late" ? (
+
+ ) : (
+
+ )}
{currentWindowStatus.status === "in_window"
? t("medications.takeNow")
: currentWindowStatus.status === "late"