TZGyn/koins
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

Add QR codes for Monero address and subaddresses

Browse Source
This commit is contained in:
TZGyn
2026-05-24 19:44:48 +08:00
parent cc32fdb20f
commit 95aebfe690
2 changed files with 42 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/routes/monero/index.svelte
+20 -9
View File
@@ -15,6 +15,7 @@
import Fingerprint from '@lucide/svelte/icons/fingerprint'
import SettingsIcon from '@lucide/svelte/icons/settings'
import Loader from '$lib/components/loader.svelte'
import QrCode from '$lib/components/qr.svelte'
import { navigate } from 'sv-router/generated'
const w = moneroWallet
@@ -194,8 +195,13 @@
</CardHeader>
<CardContent>
<div class="mb-4 space-y-1">
<p class="font-medium text-xs">Address</p>
<p class="font-mono text-xs break-all">{w.address}</p>
<div class="flex items-start gap-3">
<QrCode text={w.address} size={128} />
<div class="min-w-0 flex-1 space-y-1">
<p class="font-medium text-xs">Address</p>
<p class="font-mono text-xs break-all">{w.address}</p>
</div>
</div>
<p class="mt-2 font-medium text-xs">Balance</p>
<p class="font-mono text-lg">{w.balance} XMR</p>
{#if w.unlockedAtomic !== w.balAtomic}
@@ -299,15 +305,20 @@
{#if account.subaddresses.length > 1}
<div class="space-y-1 border-t border-border pt-2">
<p class="text-xs text-muted-foreground mb-1">Subaddresses</p>
{#each account.subaddresses as sub}
<div class="rounded-sm bg-background px-2 py-1.5 text-xs">
<div class="flex items-center justify-between">
<p class="font-medium">#{sub.index}{sub.label ? ` - ${sub.label}` : ''}</p>
<p class="text-muted-foreground">{atomicToXmr(sub.balance)} XMR</p>
{#each account.subaddresses as sub}
<div class="rounded-sm bg-background px-2 py-1.5 text-xs">
<div class="flex items-start gap-2">
<QrCode text={sub.address} size={64} />
<div class="min-w-0 flex-1">
<div class="flex items-center justify-between">
<p class="font-medium">#{sub.index}{sub.label ? ` - ${sub.label}` : ''}</p>
<p class="text-muted-foreground">{atomicToXmr(sub.balance)} XMR</p>
</div>
<p class="font-mono text-muted-foreground/50 truncate mt-0.5">{sub.address}</p>
</div>
<p class="font-mono text-muted-foreground/50 truncate">{sub.address}</p>
</div>
{/each}
</div>
{/each}
</div>
{/if}
</div>