From 5e56a74ab5eb21d62235fe7baaf4f38b6035f43e Mon Sep 17 00:00:00 2001
From: Henry Dollman <hank@henrygd.me>
Date: Mon, 8 Jul 2024 16:24:37 -0400
Subject: [PATCH] updates

---
 site/src/components/routes/home.tsx             | 2 +-
 site/src/components/server-table/data-table.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/site/src/components/routes/home.tsx b/site/src/components/routes/home.tsx
index 40b45cd..089fc5e 100644
--- a/site/src/components/routes/home.tsx
+++ b/site/src/components/routes/home.tsx
@@ -17,7 +17,7 @@ export function Home() {
 			setSystems((curSystems) => {
 				const i = curSystems.findIndex((s) => s.id === e.record.id)
 				if (i > -1) {
-					const newSystems = [...systems]
+					const newSystems = [...curSystems]
 					newSystems[i] = e.record
 					return newSystems
 				} else {
diff --git a/site/src/components/server-table/data-table.tsx b/site/src/components/server-table/data-table.tsx
index 6dce061..467b5ec 100644
--- a/site/src/components/server-table/data-table.tsx
+++ b/site/src/components/server-table/data-table.tsx
@@ -27,13 +27,13 @@ function CellFormatter(info: CellContext<SystemRecord, unknown>) {
 	}
 	return (
 		<div class="flex gap-2 items-center">
-			<span>{val.toFixed(2)}%</span>
 			<span class="grow block bg-secondary h-4 relative rounded-sm overflow-hidden">
 				<span
-					className="absolute inset-0 w-full h-full origin-left"
+					className="absolute inset-0 w-full h-full origin-left transition-all duration-500 ease-in-out"
 					style={{ transform: `scalex(${val}%)`, background }}
 				></span>
 			</span>
+			<span class="w-14">{val.toFixed(2)}%</span>
 		</div>
 	)
 }