From b53073d94013a6f3a49e75d7fd7592c1fc18db87 Mon Sep 17 00:00:00 2001
From: Dustin Carlino <dabreegster@gmail.com>
Date: Fri, 15 Mar 2024 14:43:49 +0000
Subject: [PATCH] Indicate what's clickable

---
 web/src/common/layers/RenderIntersectionPolygons.svelte | 3 +++
 web/src/common/layers/RenderLanePolygons.svelte         | 3 +++
 web/src/lane-editor/App.svelte                          | 2 +-
 web/src/street-explorer/App.svelte                      | 4 ++--
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/common/layers/RenderIntersectionPolygons.svelte b/web/src/common/layers/RenderIntersectionPolygons.svelte
index 0d98f1e1..b12706c0 100644
--- a/web/src/common/layers/RenderIntersectionPolygons.svelte
+++ b/web/src/common/layers/RenderIntersectionPolygons.svelte
@@ -4,6 +4,8 @@
   import { caseHelper, layerId, emptyGeojson } from "../utils";
   import { hoverStateFilter, FillLayer, GeoJSON } from "svelte-maplibre";
 
+  export let hoverCursor: string | undefined = undefined;
+
   let show = true;
 
   $: gj = $network ? JSON.parse($network.toGeojsonPlain()) : emptyGeojson();
@@ -17,6 +19,7 @@
     }}
     manageHoverState
     bind:hovered={$hoveredIntersection}
+    {hoverCursor}
     filter={["==", ["get", "type"], "intersection"]}
     paint={{
       "fill-color": {
diff --git a/web/src/common/layers/RenderLanePolygons.svelte b/web/src/common/layers/RenderLanePolygons.svelte
index ee4ce8c1..e8e67b2f 100644
--- a/web/src/common/layers/RenderLanePolygons.svelte
+++ b/web/src/common/layers/RenderLanePolygons.svelte
@@ -4,6 +4,8 @@
   import { layerId, emptyGeojson, caseHelper } from "../utils";
   import { hoverStateFilter, FillLayer, GeoJSON } from "svelte-maplibre";
 
+  export let hoverCursor: string | undefined = undefined;
+
   let show = true;
 
   $: gj = $network
@@ -19,6 +21,7 @@
     }}
     manageHoverState
     bind:hovered={$hoveredLane}
+    {hoverCursor}
     on:click
     paint={{
       "fill-color": caseHelper(
diff --git a/web/src/lane-editor/App.svelte b/web/src/lane-editor/App.svelte
index e811d7c7..4b0d81bd 100644
--- a/web/src/lane-editor/App.svelte
+++ b/web/src/lane-editor/App.svelte
@@ -75,7 +75,7 @@
         <RenderBoundary />
         <RenderIntersectionPolygons />
         <RenderIntersectionMarkings />
-        <RenderLanePolygons on:click={onClickLane} />
+        <RenderLanePolygons hoverCursor="pointer" on:click={onClickLane} />
         <RenderLaneMarkings />
         <GeoJSON data={wayGj}>
           <FillLayer
diff --git a/web/src/street-explorer/App.svelte b/web/src/street-explorer/App.svelte
index 4c393684..9034f9be 100644
--- a/web/src/street-explorer/App.svelte
+++ b/web/src/street-explorer/App.svelte
@@ -59,7 +59,7 @@
     <Map>
       <div bind:this={controlsContents}>
         <RenderBoundary />
-        <RenderIntersectionPolygons>
+        <RenderIntersectionPolygons hoverCursor="pointer">
           <Popup openOn="click" popupClass="popup" let:data let:close>
             {#key data}
               <IntersectionPopup {data} {close} />
@@ -67,7 +67,7 @@
           </Popup>
         </RenderIntersectionPolygons>
         <RenderIntersectionMarkings />
-        <RenderLanePolygons>
+        <RenderLanePolygons hoverCursor="pointer">
           <Popup openOn="click" popupClass="popup" let:data let:close>
             {#key data}
               <LanePopup {data} {close} />