aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/arrivals/ArrivalCard.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/components/arrivals/ArrivalCard.tsx')
-rw-r--r--src/frontend/app/components/arrivals/ArrivalCard.tsx25
1 files changed, 18 insertions, 7 deletions
diff --git a/src/frontend/app/components/arrivals/ArrivalCard.tsx b/src/frontend/app/components/arrivals/ArrivalCard.tsx
index b99d3aa..bdd20a5 100644
--- a/src/frontend/app/components/arrivals/ArrivalCard.tsx
+++ b/src/frontend/app/components/arrivals/ArrivalCard.tsx
@@ -59,8 +59,15 @@ export const ArrivalCard: React.FC<ArrivalCardProps> = ({
onClick,
}) => {
const { t } = useTranslation();
- const { route, headsign, estimate, delay, shift, vehicleInformation } =
- arrival;
+ const {
+ route,
+ headsign,
+ estimate,
+ delay,
+ shift,
+ vehicleInformation,
+ operator,
+ } = arrival;
const etaValue = estimate.minutes.toString();
const etaUnit = t("estimates.minutes", "min");
@@ -211,11 +218,15 @@ export const ArrivalCard: React.FC<ArrivalCardProps> = ({
>
{headsign.destination}
</span>
- {headsign.marquee && (
- <div className="mt-0.5 w-auto">
- <AutoMarquee text={headsign.marquee} />
- </div>
- )}
+ <div className="mt-0.5 w-auto flex">
+ {operator && (
+ <span className="text-xs font-mono text-slate-700 dark:text-slate-200 font-medium shrink-0">
+ {operator}
+ {headsign.marquee && <>&nbsp;ยท&nbsp;</>}
+ </span>
+ )}
+ {headsign.marquee && <AutoMarquee text={headsign.marquee} />}
+ </div>
</div>
</div>
</div>