Add routes for Miguel Grau

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

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"
     }
 ]

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 = () => {