From 968e1568e2944f21d3acf853a5dce7f732ac3436 Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sat, 23 Nov 2024 15:45:02 +0800
Subject: [PATCH] fix qr dialog having no closing animation in old dashboard
 links page

---
 .../routes/(app)/dashboard/links/+page.svelte | 84 +++++++++----------
 1 file changed, 40 insertions(+), 44 deletions(-)

diff --git a/frontend/src/routes/(app)/dashboard/links/+page.svelte b/frontend/src/routes/(app)/dashboard/links/+page.svelte
index bd9c366..c9ddbed 100644
--- a/frontend/src/routes/(app)/dashboard/links/+page.svelte
+++ b/frontend/src/routes/(app)/dashboard/links/+page.svelte
@@ -332,48 +332,44 @@
 	{/if}
 {/await}
 
-{#if $page.state.linkQR}
-	<Dialog.Root
-		open
-		onOpenChange={(open) => {
-			if (!open) {
-				history.back()
-			}
-		}}>
-		<Dialog.Content class="sm:max-w-[425px]">
-			<Dialog.Header>
-				<Dialog.Title>Shortener QR</Dialog.Title>
-				<Dialog.Description>
-					Use this QR code to share the shortener.
-				</Dialog.Description>
-			</Dialog.Header>
-			<ScrollArea class="max-h-[calc(100vh-200px)]">
-				<LinkQRPage data={$page.state.linkQR} shallowRouting />
-			</ScrollArea>
-		</Dialog.Content>
-	</Dialog.Root>
-{/if}
+<Dialog.Root
+	open={!!$page.state.linkQR}
+	onOpenChange={(open) => {
+		if (!open) {
+			history.back()
+		}
+	}}>
+	<Dialog.Content class="sm:max-w-[425px]">
+		<Dialog.Header>
+			<Dialog.Title>Shortener QR</Dialog.Title>
+			<Dialog.Description>
+				Use this QR code to share the shortener.
+			</Dialog.Description>
+		</Dialog.Header>
+		<ScrollArea class="max-h-[calc(100vh-200px)]">
+			<LinkQRPage data={$page.state.linkQR} shallowRouting />
+		</ScrollArea>
+	</Dialog.Content>
+</Dialog.Root>
 
-{#if $page.state.projectLinkQR}
-	<Dialog.Root
-		open
-		onOpenChange={(open) => {
-			if (!open) {
-				history.back()
-			}
-		}}>
-		<Dialog.Content class="sm:max-w-[425px]">
-			<Dialog.Header>
-				<Dialog.Title>Shortener QR</Dialog.Title>
-				<Dialog.Description>
-					Use this QR code to share the shortener.
-				</Dialog.Description>
-			</Dialog.Header>
-			<ScrollArea class="max-h-[calc(100vh-200px)]">
-				<ProjectLinkQRPage
-					data={$page.state.projectLinkQR}
-					shallowRouting />
-			</ScrollArea>
-		</Dialog.Content>
-	</Dialog.Root>
-{/if}
+<Dialog.Root
+	open={!!$page.state.projectLinkQR}
+	onOpenChange={(open) => {
+		if (!open) {
+			history.back()
+		}
+	}}>
+	<Dialog.Content class="sm:max-w-[425px]">
+		<Dialog.Header>
+			<Dialog.Title>Shortener QR</Dialog.Title>
+			<Dialog.Description>
+				Use this QR code to share the shortener.
+			</Dialog.Description>
+		</Dialog.Header>
+		<ScrollArea class="max-h-[calc(100vh-200px)]">
+			<ProjectLinkQRPage
+				data={$page.state.projectLinkQR}
+				shallowRouting />
+		</ScrollArea>
+	</Dialog.Content>
+</Dialog.Root>