From 8514ec36d50d94cd8b5af1ed2fe1b072d4ff52de Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Thu, 16 Apr 2026 07:55:08 +0000
Subject: [PATCH] Allow for selecting sites

---
 ts/components/ReviewSiteColumnList.vue | 19 ++++++++++---------
 ts/format.ts                           |  2 +-
 ts/view/review/Site.vue                |  4 ++--
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/ts/components/ReviewSiteColumnList.vue b/ts/components/ReviewSiteColumnList.vue
index 3efd4c12..66c178b4 100644
--- a/ts/components/ReviewSiteColumnList.vue
+++ b/ts/components/ReviewSiteColumnList.vue
@@ -26,23 +26,20 @@
 		:class="{ active: selectedSite?.id === site.id }"
 		@click="doClick(site)"
 	>
-		<div class="d-flex justify-content-between align-items-start">
+		<div class="d-flex">
 			<div>
-				<i class="bi bi-droplet"></i>
-				<strong>Pool {{ site.id }}</strong>
+				<i class="bi bi-house"></i>
 			</div>
-			<small class="text-muted">{{ site.created }}</small>
+			<strong>{{ formatAddress(site.address) }}</strong>
 		</div>
-		<small class="text-muted d-block mt-1">
-			{{ formatAddress(site.address) }}
-		</small>
 	</div>
 </template>
 <script setup lang="ts">
 import { Site } from "@/type/api";
 import { formatAddress } from "@/format";
 interface Emits {
-	(e: "doSelectTask", id: number): void;
+	(e: "doSiteDeselect", id: number): void;
+	(e: "doSiteSelect", id: number): void;
 }
 interface Props {
 	selectedSite: Site | undefined;
@@ -51,6 +48,10 @@ interface Props {
 const emit = defineEmits<Emits>();
 const props = withDefaults(defineProps<Props>(), {});
 function doClick(site: Site) {
-	console.log("click", site);
+	if (props.selectedSite && site.id == props.selectedSite.id) {
+		emit("doSiteDeselect", site.id);
+	} else {
+		emit("doSiteSelect", site.id);
+	}
 }
 </script>
diff --git a/ts/format.ts b/ts/format.ts
index bd947420..e4390907 100644
--- a/ts/format.ts
+++ b/ts/format.ts
@@ -7,7 +7,7 @@ export function formatAddress(address?: Address): string {
 	if (address.number === "" && address.street === "") {
 		return "no address provided";
 	}
-	return `${address.number} ${address.street}, ${address.locality}`;
+	return `${address.number.trim()} ${address.street.trim()}, ${address.locality}`;
 }
 export function formatBigNumber(n: number): string {
 	// Convert the number to a string
diff --git a/ts/view/review/Site.vue b/ts/view/review/Site.vue
index 172b0227..3d8e5e00 100644
--- a/ts/view/review/Site.vue
+++ b/ts/view/review/Site.vue
@@ -29,8 +29,8 @@ body {
 	<ThreeColumn>
 		<template #left>
 			<ReviewSiteColumnList
-				@doDeselectSite="siteDeselect"
-				@doSelectSite="siteSelect"
+				@doSiteDeselect="siteDeselect"
+				@doSiteSelect="siteSelect"
 				:selectedSite="selectedSite"
 				:sites="storeSite.all()"
 			/>