fix events + add button to navigate

indexer/src/index.ts

@@ -81,10 +81,10 @@ const StratagemsIndexerProcessor: JSProcessor<ContractsABI, Data> = {
 				epoch,
 				cells: {},
 			};
-		}
-		state.placements.unshift(epochEvents);
-		if (state.placements.length > 7) {
-			state.placements.pop();
+			state.placements.unshift(epochEvents);
+			if (state.placements.length > 7) {
+				state.placements.pop();
+			}
 		}
 
 		const stratagemsContract = new StratagemsContract(state, 7);

web/src/lib/ui/components/PositionInfo.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	import {camera} from '$lib/render/camera';
+	import {eventsView} from '../events/eventsView';
+	import {menu} from '../menu/menu';
+
+	export let x: number;
+	export let y: number;
+
+	function navigate() {
+		console.log({x, y});
+		camera.navigate(x, y, 128);
+		eventsView.set({open: false});
+		menu.set({open: false});
+	}
+</script>
+
+<button on:click={() => navigate()}>{x},{y}</button>

web/src/lib/ui/events/EventsView.svelte

@@ -9,6 +9,7 @@
 	import EventInfo from './EventInfo.svelte';
 	import type {CellPlacements} from 'stratagems-indexer';
 	import {bigIntIDToXY} from 'stratagems-common';
+	import PositionInfo from '../components/PositionInfo.svelte';
 
 	type Placements = {
 		epoch: number;
@@ -42,8 +43,9 @@
 			header: 'position',
 			accessor: (event) => {
 				const {x, y} = bigIntIDToXY(event.position);
-				return `${x},${y}`;
+				return {x, y};
 			},
+			cell: ({value}) => createRender(PositionInfo, value),
 		}),
 		table.column({
 			header: 'players',