From c292f12f0b0965d39b912ddb086be5d3f4ab2ad7 Mon Sep 17 00:00:00 2001
From: Araozu <fernando@araozu.dev>
Date: Mon, 9 Sep 2024 19:41:53 -0500
Subject: [PATCH] Add routes for Miguel Grau

---
 index.html           |  2 +-
 public/n/lines.json  | 24 ++++++++++++++++++++++++
 src/pages/Editor.tsx |  6 ++++++
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index dad0706..915b0c6 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <link rel="shortcut icon" type="image/ico" href="/src/assets/favicon.ico" />
-    <title>Solid App</title>
+    <title>Combis de AQP</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
diff --git a/public/n/lines.json b/public/n/lines.json
index 99788f4..7ef8881 100644
--- a/public/n/lines.json
+++ b/public/n/lines.json
@@ -14,5 +14,29 @@
         "color": "blue",
         "hover_bg": "blue",
         "hover_on_bg": "white"
+    },
+    {
+        "id": 3,
+        "name": "3",
+        "district": "Miraflores",
+        "color": "orange",
+        "hover_bg": "orange",
+        "hover_on_bg": "white"
+    },
+    {
+        "id": 4,
+        "name": "4",
+        "district": "Miguel Grau",
+        "color": "#b8860b",
+        "hover_bg": "#b8860b",
+        "hover_on_bg": "white"
+    },
+    {
+        "id": 5,
+        "name": "5",
+        "district": "Cayma",
+        "color": "yellow",
+        "hover_bg": "yellow",
+        "hover_on_bg": "white"
     }
 ]
\ No newline at end of file
diff --git a/src/pages/Editor.tsx b/src/pages/Editor.tsx
index c77ec5f..2041a48 100644
--- a/src/pages/Editor.tsx
+++ b/src/pages/Editor.tsx
@@ -27,6 +27,12 @@ export function Editor() {
             minZoom: 12,
             attribution: "Map data &copy; <a href=\"http://www.openstreetmap.org/copyright\">OpenStreetMap</a>",
         }).addTo(map);
+
+        // After 500ms set the cursor of the map to crosshair,
+        // to ease map creation
+        setTimeout(() => {
+            (container as HTMLElement).style.cursor = "crosshair";
+        }, 500);
     });
 
     const gen_route = () => {