From 7f756ce8ca31ad6c20d501f3c058b0208af3944c Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Mon, 23 Mar 2026 15:50:15 -0700
Subject: [PATCH] Make refresh button on planning work

And experiment with separating the list entries into a separate
component
---
 ts/components/PlanningColumnList.vue      | 11 ++---------
 ts/components/PlanningColumnListEntry.vue | 16 ++++++++++++++++
 2 files changed, 18 insertions(+), 9 deletions(-)
 create mode 100644 ts/components/PlanningColumnListEntry.vue

diff --git a/ts/components/PlanningColumnList.vue b/ts/components/PlanningColumnList.vue
index e6a2565d..4e91b001 100644
--- a/ts/components/PlanningColumnList.vue
+++ b/ts/components/PlanningColumnList.vue
@@ -54,7 +54,7 @@
 			<div v-if="error" class="error-message">
 				<strong>Error:</strong> <span>{{ error }}</span>
 				<button
-					@click="loadData()"
+					@click="emit('refresh')"
 					class="btn btn-sm btn-outline-danger mt-2 w-100"
 				>
 					Retry
@@ -138,14 +138,7 @@
 						:class="{ selected: isSelected(signal.id) }"
 						@click="toggleSignal(signal)"
 					>
-						<div class="small fw-semibold">{{ signal.title }}</div>
-						<div class="signal-address">
-							{{ shortAddress(signal.address) }}
-						</div>
-						<div class="text-muted small">{{ signal.description }}</div>
-						<span v-if="signal.badge" class="badge bg-secondary mt-1">
-							{{ signal.badge }}
-						</span>
+						<PlanningColumnListEntry :signal="signal"/>
 					</div>
 				</div>
 			</div>
diff --git a/ts/components/PlanningColumnListEntry.vue b/ts/components/PlanningColumnListEntry.vue
new file mode 100644
index 00000000..1d27946c
--- /dev/null
+++ b/ts/components/PlanningColumnListEntry.vue
@@ -0,0 +1,16 @@
+<template>
+	<div class="small fw-semibold">{{ signal.title }}</div>
+	<div class="signal-address">
+		{{ shortAddress(signal.address) }}
+	</div>
+	<div class="text-muted small">{{ signal.description }}</div>
+	<span v-if="signal.badge" class="badge bg-secondary mt-1">
+		{{ signal.badge }}
+	</span>
+</template>
+<script lang="ts">
+interface Props {
+	signal: Signal;
+}
+const props = defineProps<Props>();
+</script>