From fbcf5ecb762b3cff314b9339aec3314bb813a3fe Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Mon, 16 Mar 2026 16:44:43 +0100
Subject: Display operator name on xunta arrivals

---
 .../app/components/arrivals/ArrivalCard.tsx        | 25 ++++++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

(limited to 'src/frontend/app/components/arrivals/ArrivalCard.tsx')

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>
-- 
cgit v1.3