From bb48047b218ec15308409a892f70f97e1da0c8cc Mon Sep 17 00:00:00 2001
From: Dean Sallinen <7519573+deansallinen@users.noreply.github.com>
Date: Thu, 20 Feb 2025 10:35:20 -0800
Subject: [PATCH 1/3] fix: svelte5 page import

---
 src/lib/components/pageheader.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/pageheader.svelte b/src/lib/components/pageheader.svelte
index 7e008dae8..a8e5943f3 100644
--- a/src/lib/components/pageheader.svelte
+++ b/src/lib/components/pageheader.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 	import AccountButton from '$lib/components/button/account.svelte';
 	import CodeButton from '$lib/components/button/code.svelte';
 	import CopyButton from '$lib/components/button/copy.svelte';
@@ -29,7 +29,7 @@
 
 	let logo = $derived(chainLogos.get(String(props.network.chain.id)) || '');
 
-	let routePath = $derived($page.url.pathname.split('/')[3]);
+	let routePath = $derived(page.url.pathname.split('/')[3]);
 	let contractPath = $derived(
 		`${languageTag()}/${props.network.shortname}/contract/${props.title}`
 	);

From 1e6942d1eac81f8f6819b9df43f43daf89d4799d Mon Sep 17 00:00:00 2001
From: Dean Sallinen <7519573+deansallinen@users.noreply.github.com>
Date: Thu, 20 Feb 2025 10:35:50 -0800
Subject: [PATCH 2/3] chore: rename contract button component

---
 src/lib/components/button/{code.svelte => contract.svelte} | 0
 src/lib/components/pageheader.svelte                       | 6 ++++--
 2 files changed, 4 insertions(+), 2 deletions(-)
 rename src/lib/components/button/{code.svelte => contract.svelte} (100%)

diff --git a/src/lib/components/button/code.svelte b/src/lib/components/button/contract.svelte
similarity index 100%
rename from src/lib/components/button/code.svelte
rename to src/lib/components/button/contract.svelte
diff --git a/src/lib/components/pageheader.svelte b/src/lib/components/pageheader.svelte
index a8e5943f3..4e3b54003 100644
--- a/src/lib/components/pageheader.svelte
+++ b/src/lib/components/pageheader.svelte
@@ -2,7 +2,7 @@
 	import { goto } from '$app/navigation';
 	import { page } from '$app/state';
 	import AccountButton from '$lib/components/button/account.svelte';
-	import CodeButton from '$lib/components/button/code.svelte';
+	import ContractButton from '$lib/components/button/contract.svelte';
 	import CopyButton from '$lib/components/button/copy.svelte';
 	import { languageTag } from '$lib/paraglide/runtime';
 	import { type NetworkState } from '$lib/state/network.svelte';
@@ -60,10 +60,12 @@
 			{#if routePath === 'account'}
 				<CopyButton data={props.title} slop={false} />
 				{#if props.contract}
-					<CodeButton data={contractPath} slop={false} />
+					<ContractButton data={contractPath} slop={false} />
 				{/if}
 			{/if}
+
 			{#if routePath === 'contract'}
+				<CopyButton data={props.title} slop={false} />
 				<AccountButton data={accountPath} slop={false} />
 			{/if}
 		</h1>

From 792b0a03aa6168ce52f8478e2693c0d58e54ae2b Mon Sep 17 00:00:00 2001
From: Dean Sallinen <7519573+deansallinen@users.noreply.github.com>
Date: Thu, 20 Feb 2025 12:36:51 -0800
Subject: [PATCH 3/3] refactor: button to link

---
 src/lib/components/button/account.svelte  | 11 +++--------
 src/lib/components/button/contract.svelte | 11 +++--------
 src/lib/components/pageheader.svelte      |  7 ++-----
 3 files changed, 8 insertions(+), 21 deletions(-)

diff --git a/src/lib/components/button/account.svelte b/src/lib/components/button/account.svelte
index a4cda0ede..fe6241837 100644
--- a/src/lib/components/button/account.svelte
+++ b/src/lib/components/button/account.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
-	import { goto } from '$app/navigation';
 	import { cn } from '$lib/utils';
 	import User from 'lucide-svelte/icons/user';
 
@@ -11,10 +10,6 @@
 
 	let { slop = true, ...props }: Props = $props();
 
-	function goToContract() {
-		goto(`/${props.data}`);
-	}
-
 	let buttonSize = $derived(slop ? 'size-12' : 'size-4');
 </script>
 
@@ -23,15 +18,15 @@
 	<div
 		class="relative inline-flex text-skyBlue-500 hover:text-skyBlue-400 focus-visible:text-skyBlue-400 has-[:focus-visible]:text-solar-500"
 	>
-		<button
-			onclick={goToContract}
+		<a
+			href={props.data}
 			class={cn(
 				'peer absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 focus-visible:outline-none',
 				buttonSize
 			)}
 		>
 			<!-- Button is done this way with absolute positioning so we can maintain a decent hit slop on mobile without affecting layout -->
-		</button>
+		</a>
 		<User class="pointer-events-none z-50 inline size-4 align-baseline peer-active:scale-95" />
 	</div>
 {/if}
diff --git a/src/lib/components/button/contract.svelte b/src/lib/components/button/contract.svelte
index 128893217..aaa1b2a14 100644
--- a/src/lib/components/button/contract.svelte
+++ b/src/lib/components/button/contract.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
-	import { goto } from '$app/navigation';
 	import { cn } from '$lib/utils';
 	import Code from 'lucide-svelte/icons/code';
 
@@ -11,10 +10,6 @@
 
 	let { slop = true, ...props }: Props = $props();
 
-	function goToContract() {
-		goto(`/${props.data}`);
-	}
-
 	let buttonSize = $derived(slop ? 'size-12' : 'size-4');
 </script>
 
@@ -23,15 +18,15 @@
 	<div
 		class="relative inline-flex text-skyBlue-500 hover:text-skyBlue-400 focus-visible:text-skyBlue-400 has-[:focus-visible]:text-solar-500"
 	>
-		<button
-			onclick={goToContract}
+		<a
+			href={props.data}
 			class={cn(
 				'peer absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 focus-visible:outline-none',
 				buttonSize
 			)}
 		>
 			<!-- Button is done this way with absolute positioning so we can maintain a decent hit slop on mobile without affecting layout -->
-		</button>
+		</a>
 		<Code class="pointer-events-none z-50 inline size-4 align-baseline peer-active:scale-95" />
 	</div>
 {/if}
diff --git a/src/lib/components/pageheader.svelte b/src/lib/components/pageheader.svelte
index 4e3b54003..eae9eee18 100644
--- a/src/lib/components/pageheader.svelte
+++ b/src/lib/components/pageheader.svelte
@@ -4,7 +4,6 @@
 	import AccountButton from '$lib/components/button/account.svelte';
 	import ContractButton from '$lib/components/button/contract.svelte';
 	import CopyButton from '$lib/components/button/copy.svelte';
-	import { languageTag } from '$lib/paraglide/runtime';
 	import { type NetworkState } from '$lib/state/network.svelte';
 	import { chainLogos } from '@wharfkit/common';
 	import ChevronLeft from 'lucide-svelte/icons/chevron-left';
@@ -30,10 +29,8 @@
 	let logo = $derived(chainLogos.get(String(props.network.chain.id)) || '');
 
 	let routePath = $derived(page.url.pathname.split('/')[3]);
-	let contractPath = $derived(
-		`${languageTag()}/${props.network.shortname}/contract/${props.title}`
-	);
-	let accountPath = $derived(`${languageTag()}/${props.network.shortname}/account/${props.title}`);
+	let contractPath = $derived(`/${props.network.shortname}/contract/${props.title}`);
+	let accountPath = $derived(`/${props.network.shortname}/account/${props.title}`);
 </script>
 
 <header class="col-span-full flex min-h-16 items-center gap-4">