diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx index 7034f14..2d37ad2 100644 --- a/src/components/WalletViewer.tsx +++ b/src/components/WalletViewer.tsx @@ -20,6 +20,8 @@ import { LogOut, ChevronDown, ChevronRight, + Eye, + EyeOff, } from "lucide-react"; import { Virtuoso } from "react-virtuoso"; import { useWallet } from "@/hooks/useWallet"; @@ -341,7 +343,11 @@ function TransactionLabel({ transaction }: { transaction: Transaction }) { } export default function WalletViewer() { - const { state, disconnectNWC: disconnectNWCFromState } = useGrimoire(); + const { + state, + disconnectNWC: disconnectNWCFromState, + toggleWalletBalancesBlur, + } = useGrimoire(); const { wallet, balance, @@ -1053,9 +1059,20 @@ export default function WalletViewer() { {/* Big Centered Balance */}
-
- {formatSats(balance)} -
+
{/* Send / Receive Buttons */} @@ -1144,7 +1161,9 @@ export default function WalletViewer() {
-

+

{formatSats(tx.amount)}

@@ -1232,7 +1251,9 @@ export default function WalletViewer() { ? "Received" : "Sent"}

-

+

{formatSats(selectedTransaction.amount)} sats

@@ -1266,7 +1287,9 @@ export default function WalletViewer() { -

+

{formatSats(selectedTransaction.fees_paid)} sats

@@ -1423,7 +1446,9 @@ export default function WalletViewer() { {invoiceDetails?.amount && !sendAmount && (
Amount: - + {Math.floor(invoiceDetails.amount).toLocaleString()}{" "} sats @@ -1432,7 +1457,9 @@ export default function WalletViewer() { {sendAmount && (
Amount: - + {parseInt(sendAmount).toLocaleString()} sats
diff --git a/src/components/nostr/user-menu.tsx b/src/components/nostr/user-menu.tsx index 3b04c00..ca93faf 100644 --- a/src/components/nostr/user-menu.tsx +++ b/src/components/nostr/user-menu.tsx @@ -1,4 +1,13 @@ -import { User, HardDrive, Palette, Wallet, X, RefreshCw } from "lucide-react"; +import { + User, + HardDrive, + Palette, + Wallet, + X, + RefreshCw, + Eye, + EyeOff, +} from "lucide-react"; import accounts from "@/services/accounts"; import { useProfile } from "@/hooks/useProfile"; import { use$ } from "applesauce-react/hooks"; @@ -66,7 +75,8 @@ function UserLabel({ pubkey }: { pubkey: string }) { export default function UserMenu() { const account = use$(accounts.active$); - const { state, addWindow, disconnectNWC } = useGrimoire(); + const { state, addWindow, disconnectNWC, toggleWalletBalancesBlur } = + useGrimoire(); const relays = state.activeAccount?.relays; const blossomServers = state.activeAccount?.blossomServers; const nwcConnection = state.nwcConnection; @@ -182,9 +192,22 @@ export default function UserMenu() { Balance:
- - {formatBalance(balance ?? nwcConnection.balance)} - +