From 76559d2931c48eeadc9cd74ef5e4d4d7ba016194 Mon Sep 17 00:00:00 2001
From: Yuri Tatishchev <itatishch@gmail.com>
Date: Tue, 7 Jan 2025 17:58:31 -0800
Subject: [PATCH] update guide video for android

---
 src/lib/assets/guide-android.mp4 |  4 ++--
 src/routes/+layout.svelte        |  2 +-
 src/routes/devices/+page.svelte  | 12 +++++++++---
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/lib/assets/guide-android.mp4 b/src/lib/assets/guide-android.mp4
index 0edeff6..9329ac7 100644
--- a/src/lib/assets/guide-android.mp4
+++ b/src/lib/assets/guide-android.mp4
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4ac0c2232bdb884a4bf3fc63f7fa8df5669fe8cc3744a2760fd7cdff06fae4f9
-size 886934
+oid sha256:2b6ae8e0b03f7a1c0f80396e3efecab9ceac7bdf71f900ca4e67645483eb2e8c
+size 1010079
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b04b3da..8e80e08 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -37,7 +37,7 @@
 <!--Some shenanings needed to be done to get the footer position to stick correctly,
 didn't work with display: contents-->
 <footer class="inset-x-0 bottom-0 w-full text-center">
-	<p>&copy; 2024</p>
+	<p>&copy; 2025</p>
 </footer>
 
 <style>
diff --git a/src/routes/devices/+page.svelte b/src/routes/devices/+page.svelte
index 3181a90..122eb7d 100644
--- a/src/routes/devices/+page.svelte
+++ b/src/routes/devices/+page.svelte
@@ -4,7 +4,7 @@
 	import { Badge } from '$lib/components/ui/badge';
 	import { Button, buttonVariants } from '$lib/components/ui/button';
 	import { Input } from '$lib/components/ui/input';
-	import { LucidePlus } from 'lucide-svelte';
+	import { LucideLoaderCircle, LucidePlus } from 'lucide-svelte';
 	import type { PageData } from './$types';
 	import { Label } from '$lib/components/ui/label';
 	import { page } from '$app/state';
@@ -13,6 +13,7 @@
 
 	let dialogOpen = $state(page.url.searchParams.has('add'));
 	let dialogVal = $state(page.url.searchParams.get('add') ?? '');
+	let submitted = $state(false);
 
 	$effect(() => {
 		if (dialogOpen) page.url.searchParams.set('add', dialogVal);
@@ -69,7 +70,7 @@
 		</Dialog.Trigger>
 	</div>
 	<Dialog.Content class="max-w-xs">
-		<form class="contents" method="post" action="?/create">
+		<form class="contents" method="post" onsubmit={() => submitted = true} action="?/create">
 			<Dialog.Header class="">
 				<Dialog.Title>Add a new device</Dialog.Title>
 			</Dialog.Header>
@@ -86,7 +87,12 @@
 				/>
 			</div>
 			<Dialog.Footer>
-				<Button type="submit">Add</Button>
+				<Button type="submit" disabled={submitted}>
+					{#if submitted}
+						<LucideLoaderCircle class="size-4 mr-2 animate-spin" />
+					{/if}
+					Add
+				</Button>
 			</Dialog.Footer>
 		</form>
 	</Dialog.Content>