From c2acd85a9ab05463be16c14b677b36595fe0d594 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Fri, 13 Feb 2026 12:03:11 -0800
Subject: accounts ui

---
 src/components/Account.svelte | 42 ++++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 18 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 750907f5..f3f85b13 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -132,27 +132,33 @@
   onkeydown={(e) => (e.key === "Enter" || e.key === " ") && goPayments(e)}
 >
   <div class="flex items-start justify-between gap-4">
-    <Balance {balance} {user} {rate} {id} />
-    <a
-      href={`/account/${id}`}
-      class="text-lg flex items-center gap-2 shrink-0 text-gray-600"
-      aria-label="Account settings"
-      onclick={goSettings}
-    >
-      {displayName}
-      {#if isArk}
-        <img src="/images/ark.png" class="w-8 h-8 rounded-full object-cover" alt="Ark" />
-      {:else if seed || (user.seed && fingerprint)}
-        <iconify-icon noobserver icon="cryptocurrency-color:btc" width="32"></iconify-icon>
-      {:else}
-        <img src="/images/icon.png" class="w-8 h-8" alt="Coinos" />
-      {/if}
-    </a>
+    <div>
+      <div class="text-sm text-gray-500">{displayName}</div>
+      <Balance {balance} {user} {rate} {id} />
+    </div>
+    <div class="flex items-center gap-4 shrink-0 text-gray-600">
+      <a
+        href="/payments"
+        class="hover:text-gray-800"
+        aria-label="Payment history"
+        onclick={(e) => setAccount(e, "/payments")}
+      >
+        <iconify-icon noobserver icon="ph:clock-counter-clockwise-bold" width="32"></iconify-icon>
+      </a>
+      <a
+        href={`/account/${id}`}
+        class="hover:text-gray-800"
+        aria-label="Account settings"
+        onclick={goSettings}
+      >
+        <iconify-icon noobserver icon="ph:gear-bold" width="32"></iconify-icon>
+      </a>
+    </div>
   </div>
 
   <div class="flex w-full text-xl gap-2">
     <a href={"/invoice"} class="contents" onclick={(e) => setAccount(e, "/invoice")}>
-      <button class="btn !w-auto flex-1 !bg-base-300" data-testid="account-receive">
+      <button class="btn !w-auto flex-1 !rounded-none" data-testid="account-receive">
         <iconify-icon noobserver icon="ph:hand-coins-bold" width="32" flip="horizontal"
         ></iconify-icon>
         <div class="my-auto hidden sm:block">{$t("user.dashboard.receive")}</div>
@@ -160,7 +166,7 @@
     </a>
 
     <a href={`/send`} class="contents" onclick={(e) => setAccount(e, "/send")}>
-      <button type="button" class="btn !w-auto flex-1 !bg-base-300">
+      <button type="button" class="btn btn-accent !w-auto flex-1 !rounded-none">
         <iconify-icon noobserver icon="ph:paper-plane-right-bold" width="32"></iconify-icon>
         <div class="my-auto hidden sm:block">{$t("user.dashboard.send")}</div>
       </button>
-- 
cgit v1.2.3