diff --git a/frontend/src/screens/channels/Channels.tsx b/frontend/src/screens/channels/Channels.tsx index c29f3bbf..a6bdf083 100644 --- a/frontend/src/screens/channels/Channels.tsx +++ b/frontend/src/screens/channels/Channels.tsx @@ -7,6 +7,7 @@ import { CopyIcon, Heart, Hotel, + HourglassIcon, InfoIcon, Unplug, } from "lucide-react"; @@ -300,11 +301,15 @@ export default function Channels() { {new Intl.NumberFormat().format(balances.onchain.spendable)}{" "} sats {balances && - balances.onchain.spendable !== balances.onchain.total && ( + (balances.onchain.spendable !== balances.onchain.total || + balances.onchain.pendingBalancesFromChannelClosures > + 0) && (

+ {new Intl.NumberFormat().format( - balances.onchain.total - balances.onchain.spendable + balances.onchain.total - + balances.onchain.spendable + + balances.onchain.pendingBalancesFromChannelClosures )}{" "} sats incoming

@@ -403,6 +408,27 @@ export default function Channels() { + {balances && balances.onchain.pendingBalancesFromChannelClosures > 0 && ( + + + Pending Closed Channels + + You have{" "} + {new Intl.NumberFormat().format( + balances.onchain.pendingBalancesFromChannelClosures + )}{" "} + sats pending from one or more closed channels. Once spendable again + these will become available in your savings balance.{" "} + + Learn more + + + + )} + {channels && channels.length === 0 && (