From ff833723cdfb4a5b05a1e51dd79247fbcecff991 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 1 Nov 2023 14:00:28 -0700
Subject: escape qr urls

---
 src/routes/(app)/[username]/(profile)/+layout.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index e7fa447c..b000891e 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -76,10 +76,10 @@
 						{npub}
 					</div>
 					<div class="flex mb-auto gap-1">
-						<button class="my-auto" on:click={() => copy(npub)}
+						<button class="my-auto hover:opacity-40" on:click={() => copy(npub)}
 							><Icon icon="copy" style="max-w-max min-w-[32px]" /></button
 						>
-						<a href={`/qr/${npub}`} class="my-auto">
+						<a href={`/qr/${encodeURIComponent(npub)}`} class="my-auto hover:opacity-40">
 							<Icon icon="qr" style="invert max-w-max min-w-[32px]" />
 						</a>
 					</div>
@@ -91,10 +91,10 @@
 						{lnaddr}
 					</div>
 					<div class="flex mb-auto gap-1">
-						<button class="my-auto" on:click={() => copy(lnaddr)}
+						<button class="my-auto hover:opacity-40" on:click={() => copy(lnaddr)}
 							><Icon icon="copy" style="max-w-max min-w-[32px]" /></button
 						>
-						<a href={`/qr/${lnaddr}`} class="my-auto">
+						<a href={`/qr/${encodeURIComponent(lnaddr)}`} class="my-auto hover:opacity-40">
 							<Icon icon="qr" style="invert max-w-max min-w-[32px]" />
 						</a>
 					</div>
@@ -106,10 +106,10 @@
 						{profile}
 					</div>
 					<div class="flex mb-auto gap-1">
-						<button class="my-auto" on:click={() => copy(profile)}
-							><Icon icon="copy" style="max-w-max min-w-[32px]" /></button
+						<button class="my-auto hover:opacity-40" on:click={() => copy(profile)}
+							><Icon icon="copy" style="max-w-max min-w-[32px] hover:opacity-40" /></button
 						>
-						<a href={`/qr/${profile}`} class="my-auto">
+						<a href={`/qr/${encodeURIComponent(profile)}`} class="my-auto hover:opacity-40">
 							<Icon icon="qr" style="invert max-w-max min-w-[32px]" />
 						</a>
 					</div>
-- 
cgit v1.2.3