diff --git a/src/components/WalletViewer.tsx b/src/components/WalletViewer.tsx index 7034f14..23e7e8e 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(tx.amount)} + {state.walletBalancesBlurred + ? "✦✦✦✦" + : formatSats(tx.amount)}
- {formatSats(selectedTransaction.amount)} sats + {state.walletBalancesBlurred + ? "✦✦✦✦✦✦ sats" + : `${formatSats(selectedTransaction.amount)} sats`}
@@ -1267,7 +1288,9 @@ export default function WalletViewer() { Fees Paid- {formatSats(selectedTransaction.fees_paid)} sats + {state.walletBalancesBlurred + ? "✦✦✦✦ sats" + : `${formatSats(selectedTransaction.fees_paid)} sats`}
)} diff --git a/src/components/nostr/user-menu.tsx b/src/components/nostr/user-menu.tsx index 3b04c00..7274dd6 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: