From 4e5d538b50d97c4cb6e6f8d0b15a8574b263473d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niklas=20Schr=C3=B6tler?= <niklas@allround.digital>
Date: Wed, 13 Dec 2023 12:29:30 +0100
Subject: [PATCH] ProgressIndicator: Now drawing times red that are affected by
delay This is consistent with handling on in-train info displays
---
src/panels/Fahrplan/components/ProgressIndicator.tsx | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/panels/Fahrplan/components/ProgressIndicator.tsx b/src/panels/Fahrplan/components/ProgressIndicator.tsx
index a136554..c05dcbf 100644
--- a/src/panels/Fahrplan/components/ProgressIndicator.tsx
+++ b/src/panels/Fahrplan/components/ProgressIndicator.tsx
@@ -2,6 +2,8 @@
// import de from 'javascript-time-ago/locale/de'
// import {useEffect, useState} from "react";
+import classNames from "../../../util/classNames";
+
export default function ProgressIndicator(props: {first?: boolean, id: string, name: string, arrival: Date, delay?: number}) {
// const [timeUntil, setTimeUntil] = useState<string>("");
//
@@ -40,7 +42,7 @@ export default function ProgressIndicator(props: {first?: boolean, id: string, n
{props.name}
</div>
- <div className={"tabular-nums"}>
+ <div className={classNames("tabular-nums", props.delay ? "text-red-400" : "text-zinc-300")}>
{props.delay ? (
<span className={"text-red-400"}>
(+{props.delay})
--
GitLab