From 28a2ecf2e500dcb72bbe762009e43a4645596ff3 Mon Sep 17 00:00:00 2001
From: rajesh-rahul <rahul-rajesh@outlook.com>
Date: Wed, 4 Dec 2024 22:07:15 -0700
Subject: [PATCH] Fix incorrect button state when loading example replay

---
 src/lib/components/TopNav.svelte | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/TopNav.svelte b/src/lib/components/TopNav.svelte
index 7022c66..4a343cd 100644
--- a/src/lib/components/TopNav.svelte
+++ b/src/lib/components/TopNav.svelte
@@ -1,13 +1,12 @@
 <script lang="ts">
 	import { Button } from '$lib/components/ui/button';
+	import { replay } from '$lib/ReplayState.svelte';
 	let { onFileChange } = $props();
 
 	let fileInput: HTMLInputElement | undefined = $state();
-	let fileLoaded = $state(false);
 
 	function resetFile() {
 		fileInput?.form?.reset();
-		fileLoaded = false;
 		onFileChange(null);
 	}
 </script>
@@ -21,15 +20,14 @@
 					<input
 						bind:this={fileInput}
 						onchange={() => {
-							fileLoaded = fileInput!.files!.length > 0;
 							onFileChange(fileInput!.files);
 						}}
 						type="file"
 						hidden
 					/>
 				</form>
-				<Button disabled={fileLoaded} onclick={() => fileInput!.click()}>Open</Button>
-				<Button disabled={!fileLoaded} onclick={resetFile}>Reset</Button>
+				<Button disabled={replay.packets.length !== 0} onclick={() => fileInput!.click()}>Open</Button>
+				<Button disabled={replay.packets.length === 0} onclick={resetFile}>Reset</Button>
 			</div>
 		</div>
 	</div>