From a64df8a687535ef0bf9b9a2579e1c89e623c7f53 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Tue, 24 Mar 2026 11:07:48 -0700
Subject: [PATCH] Fix report ID, get to where organization ID is passed through
 correctly

---
 ts/components/CommunicationColumnDetail.vue |  2 +-
 ts/components/FlyoverPoolCard.vue           | 13 +++++++++++--
 ts/components/MapMultipoint.vue             |  6 ++----
 ts/components/MapProxiedArcgisTile.vue      |  6 +++---
 ts/components/PublicreportCard.vue          |  2 +-
 5 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/ts/components/CommunicationColumnDetail.vue b/ts/components/CommunicationColumnDetail.vue
index 8a76af57..1dedcb3e 100644
--- a/ts/components/CommunicationColumnDetail.vue
+++ b/ts/components/CommunicationColumnDetail.vue
@@ -38,7 +38,7 @@
 					id="map"
 					:bounds="mapBounds"
 					:markers="mapMarkers"
-					:organization-id="user.organization.id"
+					:organizationId="user.organization.id"
 					:tegola="user.urls.tegola"
 					:xmin="user.organization.service_area?.min.x ?? 0"
 					:ymin="user.organization.service_area?.min.y ?? 0"
diff --git a/ts/components/FlyoverPoolCard.vue b/ts/components/FlyoverPoolCard.vue
index c7c82f04..cc22d31f 100644
--- a/ts/components/FlyoverPoolCard.vue
+++ b/ts/components/FlyoverPoolCard.vue
@@ -1,8 +1,17 @@
 <template>
-<p>A flyover pool</p>
-<MapProxiedArcgisTile/>
+	<p>A flyover pool</p>
+	<MapProxiedArcgisTile
+						id="tile-map"
+						:latitude="pool.location.latitude"
+						:longitude="pool.location.longitude"
+						:markers="tileMapMarkers"
+						:organizationId="user.organization.id"
+						:tegola="user.urls.tegola" />
 </template>
 
 <script setup lang="ts">
+import { useUserStore } from "../store/user";
 import MapProxiedArcgisTile from "@/components/MapProxiedArcgisTile.vue";
+
+const user = useUserStore();
 </script>
diff --git a/ts/components/MapMultipoint.vue b/ts/components/MapMultipoint.vue
index a24e03d1..ffc56000 100644
--- a/ts/components/MapMultipoint.vue
+++ b/ts/components/MapMultipoint.vue
@@ -30,13 +30,11 @@ import {
 import { Bounds, Marker } from "@/types";
 import maplibregl from "maplibre-gl";
 
-interface Emits {
-	(e: "load"): void;
-}
+interface Emits {}
 interface Props {
 	bounds?: Bounds;
 	markers: Marker[];
-	"organization-id": int;
+	organizationId: int;
 	tegola: string;
 }
 const emit = defineEmits<Emits>();
diff --git a/ts/components/MapProxiedArcgisTile.vue b/ts/components/MapProxiedArcgisTile.vue
index e5ad7802..0e964b48 100644
--- a/ts/components/MapProxiedArcgisTile.vue
+++ b/ts/components/MapProxiedArcgisTile.vue
@@ -22,14 +22,14 @@
 <script setup lang="ts">
 import "maplibre-gl/dist/maplibre-gl.css";
 import { ref, watch, onMounted, onBeforeUnmount } from "vue";
+import { Point } from "@/types";
 import maplibregl from "maplibre-gl";
 
 interface Emits {
 	(e: "map-click", latitude: Number, longitude: Number): void
 }
 interface Props {
-	latitude: Number;
-	longitude: Number;
+	location: Point;
 	organizationId: Number;
 	tegola: string;
 	urlTiles: string;
@@ -63,7 +63,7 @@ const initializeMap = () => {
 		map.value = new maplibregl.Map({
 			center: [props.longitude, props.latitude],
 			container: mapContainer.value,
-			//style: "https://tiles.stadiamaps.com/styles/osm_bright.json",
+			style: "https://tiles.stadiamaps.com/styles/osm_bright.json",
 			zoom: 19,
 		});
 
diff --git a/ts/components/PublicreportCard.vue b/ts/components/PublicreportCard.vue
index d9db6e72..6ca629c0 100644
--- a/ts/components/PublicreportCard.vue
+++ b/ts/components/PublicreportCard.vue
@@ -32,7 +32,7 @@
 					</span>
 				</h5>
 				<small class="text-muted"
-					>Report ID: #{{ report.id }}</small
+					>Report ID: #{{ report.public_id }}</small
 				>
 			</div>
 			<span class="badge bg-secondary">