From 894e67863dbb89a4819e825fcdf7117021082b2a Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Tue, 24 Jun 2025 13:29:50 +0200
Subject: Replace leaflet for maplibre, use react-router in framework mode

---
 src/frontend/app/components/StopItem.tsx | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/frontend/app/components/StopItem.tsx

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

diff --git a/src/frontend/app/components/StopItem.tsx b/src/frontend/app/components/StopItem.tsx
new file mode 100644
index 0000000..29370b7
--- /dev/null
+++ b/src/frontend/app/components/StopItem.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Link } from 'react-router';
+import StopDataProvider, { type Stop } from '../data/StopDataProvider';
+import LineIcon from './LineIcon';
+
+interface StopItemProps {
+  stop: Stop;
+}
+
+const StopItem: React.FC<StopItemProps> = ({ stop }) => {
+
+  return (
+    <li className="list-item">
+      <Link className="list-item-link" to={`/estimates/${stop.stopId}`}>
+      {stop.favourite && <span className="favourite-icon">★</span>} ({stop.stopId}) {StopDataProvider.getDisplayName(stop)}
+        <div className="line-icons">
+          {stop.lines?.map(line => <LineIcon key={line} line={line} />)}
+        </div>
+
+      </Link>
+    </li>
+  );
+};
+
+export default StopItem;
-- 
cgit v1.3

