From c083a05f8ca30b78346dd63b666127bde5d4e9a1 Mon Sep 17 00:00:00 2001
From: Azalea Colburn <elocolburn@comcast.net>
Date: Wed, 13 Nov 2024 18:03:21 -0800
Subject: [PATCH] fix: actions display on timeline

---
 src/lib/components/Action.svelte   | 18 ++++++++----------
 src/lib/components/Timeline.svelte |  2 +-
 src/routes/scout/+page.svelte      |  3 +--
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/Action.svelte b/src/lib/components/Action.svelte
index 1e4f9ec..1a5a1be 100644
--- a/src/lib/components/Action.svelte
+++ b/src/lib/components/Action.svelte
@@ -1,15 +1,13 @@
 <script lang="ts">
-	import type { ActionData } from '$lib/types';
+	import type { AutoActionData } from '$lib/types';
 
-	let { action = $bindable(), deleteself }: { action: ActionData; deleteself: () => void } =
-		$props();
+	let {
+		action_data = $bindable(),
+		deleteself
+	}: { action_data: AutoActionData; deleteself: () => void } = $props();
 
-	let actionBorderColor = $derived(
-		action.result === 'success' ? 'border-cresc_green' : 'border-fail_red'
-	);
-	let actionBackgroundColor = $derived(
-		action.result === 'success' ? 'bg-cresc_green' : 'bg-fail_red'
-	);
+	//let actionBorderColor = $derived(action.success ? 'border-cresc_green' : 'border-fail_red');
+	let actionBackgroundColor = $derived(action_data.success ? 'bg-cresc_green' : 'bg-fail_red');
 </script>
 
 <!-- <button -->
@@ -23,5 +21,5 @@
 	class="{actionBackgroundColor} w-full p-1 rounded border-2 border-outline_gray text-text_white"
 	onclick={deleteself}
 >
-	{action.type}
+	{action_data.action}
 </button>
diff --git a/src/lib/components/Timeline.svelte b/src/lib/components/Timeline.svelte
index ecaefee..de4c097 100644
--- a/src/lib/components/Timeline.svelte
+++ b/src/lib/components/Timeline.svelte
@@ -8,7 +8,7 @@
 
 {#each actions as _, i}
 	<Action
-		bind:action={actions[i]}
+		action_data={actions[i]}
 		deleteself={() => {
 			actions.splice(actions.indexOf(actions[i]), 1);
 		}}
diff --git a/src/routes/scout/+page.svelte b/src/routes/scout/+page.svelte
index 07694bb..ddf130b 100644
--- a/src/routes/scout/+page.svelte
+++ b/src/routes/scout/+page.svelte
@@ -11,7 +11,6 @@
 
 	let actions: AutoActionData[] = $state([]);
 	let timelineExtended = $state(false);
-	let latestActions: AutoActionData[] = $state([]);
 
 	const match: TeamMatch = $state({
 		id: 0,
@@ -31,7 +30,7 @@
 	<h1 class="row-span-1 text-center font-bold pb-2 h-5">Team {team_key}</h1>
 	{#if timelineExtended}
 		<div class="row-span-8">
-			<Timeline bind:actions={latestActions} />
+			<Timeline bind:actions />
 		</div>
 		<button
 			class="row-span-1 bg-btn_grey h-10 w-80 p-1 rounded border-2 border-outline_gray static"