diff --git a/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx b/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx index 2dae5f3a..e0a99ba5 100644 --- a/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx +++ b/apps/frontend/src/components/bookkeeper/BkprRoot/BkprRoot.tsx @@ -46,7 +46,17 @@ const Bookkeeper = () => { return (
-
Bookkeeper Dashboard
+
+ Bookkeeper Dashboard + +
@@ -62,15 +72,25 @@ const Bookkeeper = () => { Track channel and wallet balances over time.
- {bookkeeperLandingData?.balanceSheetSummary.numberOfChannels} + + {bookkeeperLandingData?.balanceSheetSummary.numberOfChannels} + Total Number of Channels
- {formatBalance(bookkeeperLandingData?.balanceSheetSummary.balanceInChannels || 0)} + + {formatBalance( + bookkeeperLandingData?.balanceSheetSummary.balanceInChannels || 0, + )} + Total Balance in Channels
- {formatBalance(bookkeeperLandingData?.balanceSheetSummary.balanceInWallet || 0)} + + {formatBalance( + bookkeeperLandingData?.balanceSheetSummary.balanceInWallet || 0, + )} + Total Balance in Wallet
@@ -103,19 +123,17 @@ const Bookkeeper = () => { Track inflows and outflow events over time. - - + + - - + + diff --git a/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx b/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx index 8494be2b..ec4c0964 100644 --- a/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx +++ b/apps/frontend/src/components/bookkeeper/BkprRoot/SatsFlowInfo.tsx @@ -1,6 +1,8 @@ import React from 'react'; import './SatsFlowInfo.scss'; +import { format } from 'd3'; +import { BALANCE_FORMAT } from '../../../utilities/constants'; interface SatsFlowInfoProps { label: string; @@ -14,10 +16,12 @@ const SatsFlowInfo: React.FC = ({ label, value }) => { return 'text-primary'; }; + const formatBalance = format(BALANCE_FORMAT); + return (
{label} - {value} + {formatBalance(value)}
); };