From 79f8a26eb39b27fe8a5cfd429dac089907e30afb Mon Sep 17 00:00:00 2001
From: TZGyn <spectator_brethren761@slmails.com>
Date: Tue, 19 May 2026 03:36:26 +0800
Subject: [PATCH] move monero settings to dedicated /monero/settings page

- Create /monero/settings route with Restart Server and Save password with Touch ID
- Remove inline Settings card from monero dashboard
- Add Settings icon button (same as EVM) to monero wallet card
- Remove unused moneroSettingsPw state from dashboard
---
 apps/desktop/src/routes/monero/index.svelte   | 29 +-------
 .../desktop/src/routes/monero/settings.svelte | 72 +++++++++++++++++++
 2 files changed, 75 insertions(+), 26 deletions(-)
 create mode 100644 apps/desktop/src/routes/monero/settings.svelte

diff --git a/apps/desktop/src/routes/monero/index.svelte b/apps/desktop/src/routes/monero/index.svelte
index c96633b..f71f6de 100644
--- a/apps/desktop/src/routes/monero/index.svelte
+++ b/apps/desktop/src/routes/monero/index.svelte
@@ -13,6 +13,7 @@
 	import ArrowDown from '@lucide/svelte/icons/arrow-down'
 	import ArrowUp from '@lucide/svelte/icons/arrow-up'
 	import Fingerprint from '@lucide/svelte/icons/fingerprint'
+	import SettingsIcon from '@lucide/svelte/icons/settings'
 	import Loader from '$lib/components/loader.svelte'
 	import { navigate } from 'sv-router/generated'
 
@@ -25,7 +26,6 @@
 	let moneroSelectedWallet = $state('')
 	let moneroSelectedWalletPass = $state('')
 	let moneroUseBiometric = $state(false)
-	let moneroSettingsPw = $state('')
 
 	let initStarted = false
 	$effect(() => {
@@ -237,8 +237,8 @@
 							{/if}
 							Refresh
 						</Button>
-						<Button variant="outline" onclick={() => w.moneroStop()}>
-							Stop
+						<Button variant="outline" onclick={() => navigate('/monero/settings')}>
+							<SettingsIcon size={16} />
 						</Button>
 						<Button variant="outline" onclick={async () => { await w.logout(); window.location.href = '/' }}>
 							Logout
@@ -247,29 +247,6 @@
 				</CardContent>
 			</Card>
 
-			<!-- Monero settings -->
-			<Card>
-				<CardHeader>
-					<CardTitle>Settings</CardTitle>
-				</CardHeader>
-				<CardContent>
-					{#if w.biometricAvailable}
-						<p class="text-xs font-medium mb-2">Save wallet password with Touch ID</p>
-						<p class="text-xs text-muted-foreground mb-3">Enter your wallet password to enable biometric unlock</p>
-						<div class="flex gap-2 items-end">
-							<Input type="password" placeholder="Wallet password" bind:value={moneroSettingsPw} />
-							<Button size="sm" onclick={async () => {
-								await w.moneroStorePassword(w.moneroWalletName, moneroSettingsPw)
-								moneroSettingsPw = ''
-								w.error = ''
-							}} disabled={!moneroSettingsPw || w.loading}>Save</Button>
-						</div>
-					{:else}
-						<p class="text-xs text-muted-foreground">Biometric authentication not available on this device</p>
-					{/if}
-				</CardContent>
-			</Card>
-
 			<!-- Monero transactions -->
 			<Card>
 				<CardHeader>
diff --git a/apps/desktop/src/routes/monero/settings.svelte b/apps/desktop/src/routes/monero/settings.svelte
new file mode 100644
index 0000000..80630db
--- /dev/null
+++ b/apps/desktop/src/routes/monero/settings.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+	import { wallet } from '$lib/states/wallet.svelte.js'
+	import { Button } from '$lib/components/ui/button/index.js'
+	import { Input } from '$lib/components/ui/input/index.js'
+	import {
+		Card,
+		CardContent,
+		CardDescription,
+		CardHeader,
+		CardTitle,
+	} from '$lib/components/ui/card/index.js'
+	import { navigate } from 'sv-router/generated'
+	import Loader from '$lib/components/loader.svelte'
+
+	const w = wallet
+
+	let moneroSettingsPw = $state('')
+
+	$effect(() => {
+		w.init()
+	})
+</script>
+
+<div class="mx-auto mt-16 max-w-md">
+	<div class="flex flex-col gap-4">
+		<Card>
+			<CardHeader>
+				<CardTitle>Monero Settings</CardTitle>
+				<CardDescription>Server and wallet preferences</CardDescription>
+			</CardHeader>
+			<CardContent>
+				<div class="flex flex-col gap-4">
+					<div>
+						<p class="text-xs font-medium mb-2">Server</p>
+						<Button
+							variant="outline"
+							size="sm"
+							onclick={async () => { await w.moneroStop(); await w.moneroStart() }}
+							disabled={w.loading}>
+							{#if w.loading}
+								<Loader />
+							{/if}
+							Restart Server
+						</Button>
+					</div>
+					{#if w.biometricAvailable}
+						<div>
+							<p class="text-xs font-medium mb-2">Save wallet password with Touch ID</p>
+							<p class="text-xs text-muted-foreground mb-3">Enter your wallet password to enable biometric unlock</p>
+							<div class="flex gap-2 items-end">
+								<Input type="password" placeholder="Wallet password" bind:value={moneroSettingsPw} />
+								<Button size="sm" onclick={async () => {
+									await w.moneroStorePassword(w.moneroWalletName, moneroSettingsPw)
+									moneroSettingsPw = ''
+									w.error = ''
+								}} disabled={!moneroSettingsPw || w.loading}>Save</Button>
+							</div>
+						</div>
+					{:else}
+						<p class="text-xs text-muted-foreground">Biometric authentication not available on this device</p>
+					{/if}
+
+					<div class="pt-2 border-t border-border">
+						<Button variant="outline" size="sm" onclick={() => navigate('/monero')}>
+							Back
+						</Button>
+					</div>
+				</div>
+			</CardContent>
+		</Card>
+	</div>
+</div>