From 8bbc32b9c5487c8aed9ad5050bd9b802c755c85e Mon Sep 17 00:00:00 2001
From: Andrew <andreasohaodha@proton.me>
Date: Tue, 25 Mar 2025 10:25:40 +0000
Subject: [PATCH] [frontend]: Display average punctuality for trains in popup

---
 .../src/components/IrishRailTrainPopup.jsx     | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/components/IrishRailTrainPopup.jsx b/frontend/src/components/IrishRailTrainPopup.jsx
index 46e05c7..914624d 100644
--- a/frontend/src/components/IrishRailTrainPopup.jsx
+++ b/frontend/src/components/IrishRailTrainPopup.jsx
@@ -11,6 +11,23 @@ const IrishRailTrainPopup = ({ item, objectTitle, toggleFavourite, favourites })
 
     const map = useMap(); // Access the Leaflet map instance
 
+    let averagePunctuality = "";
+    if (item.averagePunctuality > 1) {
+        averagePunctuality = item.averagePunctuality + " minutes late";
+    }
+    else if (item.averagePunctuality == 1) {
+        averagePunctuality = item.averagePunctuality + " minute late";
+    }
+    else if (item.averagePunctuality == 0) {
+        averagePunctuality = "On time";
+    }
+    else if (item.averagePunctuality < -1) {
+        averagePunctuality = - item.averagePunctuality + " minutes early";
+    }
+    else if (item.averagePunctuality == -1) {
+        averagePunctuality = - item.averagePunctuality + " minute late";
+    }
+
     return (
         <div>
             <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
@@ -29,6 +46,7 @@ const IrishRailTrainPopup = ({ item, objectTitle, toggleFavourite, favourites })
                 <li><b>Direction:</b> {item.trainDirection}</li>
                 <li><b>Update:</b> {item.trainUpdate}</li>
                 <li><b>Punctuality:</b> {item.latenessMessage}</li>
+                <li><b>Average Punctuality:</b> {averagePunctuality}</li>
             </ul>
 
         </div>