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/LineIcon.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/frontend/app/components/LineIcon.tsx

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

diff --git a/src/frontend/app/components/LineIcon.tsx b/src/frontend/app/components/LineIcon.tsx
new file mode 100644
index 0000000..291b444
--- /dev/null
+++ b/src/frontend/app/components/LineIcon.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import './LineIcon.css';
+
+interface LineIconProps {
+  line: string;
+}
+
+const LineIcon: React.FC<LineIconProps> = ({ line }) => {
+  const formattedLine = /^[a-zA-Z]/.test(line) ? line : `L${line}`;
+  return (
+    <span className={`line-icon line-${formattedLine.toLowerCase()}`}>
+      {formattedLine}
+    </span>
+  );
+};
+
+export default LineIcon;
-- 
cgit v1.3

