From 78458760ec5524d5ad9696b7ba923fc75264dfe1 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Wed, 22 Apr 2026 15:46:02 +0000
Subject: [PATCH] Navigate to cell on aggregate map click

---
 ts/components/MapAggregate.vue | 2 +-
 ts/view/Dash.vue               | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/ts/components/MapAggregate.vue b/ts/components/MapAggregate.vue
index 3557715d..8564b098 100644
--- a/ts/components/MapAggregate.vue
+++ b/ts/components/MapAggregate.vue
@@ -34,7 +34,7 @@ import { Marker } from "@/types";
 import type { Bounds } from "@/type/api";
 
 interface Emits {
-	(e: "cell-click", cell: number): void;
+	(e: "cell-click", cell: string): void;
 }
 interface Props {
 	bounds?: Bounds;
diff --git a/ts/view/Dash.vue b/ts/view/Dash.vue
index d5010dbd..d3c222e8 100644
--- a/ts/view/Dash.vue
+++ b/ts/view/Dash.vue
@@ -123,8 +123,9 @@
 		<div class="col-12">
 			<MapAggregate
 				:bounds="mapBounds()"
+				@cell-click="doClickMap"
 				:markers="[]"
-				:organizationId="session.organization?.id ?? 0"
+				:organizationId="session.organization?.id ?? 1"
 				:tegola="session.urls?.tegola ?? ''"
 			/>
 		</div>
@@ -159,6 +160,7 @@
 import { onMounted, reactive } from "vue";
 import MapAggregate from "@/components/MapAggregate.vue";
 import { formatBigNumber, formatTimeRelative } from "@/format";
+import { router } from "@/route/config";
 import { useSessionStore } from "@/store/session";
 import { useStoreServiceRequest } from "@/store/service_request";
 import { useStoreSync } from "@/store/sync";
@@ -191,6 +193,9 @@ onMounted(async () => {
 	const syncs = await storeSync.fetchAll();
 	console.log("syncs", syncs);
 });
+function doClickMap(cell: string) {
+	router.push("/cell/" + cell);
+}
 function mapBounds(): Bounds | undefined {
 	if (session.organization?.service_area) {
 		return session.organization?.service_area;