Merge pull request #3 from rajesh-rahul/master

Fix incorrect button state when loading example replay

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>