{archived ?
Archived : null}
diff --git a/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4TreasuryStats.tsx b/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4TreasuryStats.tsx
index 52109a30fe..f8b1a30f9b 100644
--- a/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4TreasuryStats.tsx
+++ b/src/packages/v4/views/V4ProjectDashboard/V4ProjectTabs/V4CyclesPayoutsPanel/V4TreasuryStats.tsx
@@ -1,26 +1,27 @@
import { Trans, t } from '@lingui/macro'
import {
- availableToPayOutTooltip,
- treasuryBalanceTooltip,
+ availableToPayOutTooltip,
+ treasuryBalanceTooltip,
} from 'components/Project/ProjectTabs/CyclesPayoutsTab/CyclesPanelTooltips'
+
import { TitleDescriptionDisplayCard } from 'components/Project/ProjectTabs/TitleDescriptionDisplayCard'
import { useMemo } from 'react'
import { useV4TreasuryStats } from './hooks/useV4TreasuryStats'
export const V4TreasuryStats = () => {
- const { availableToPayout, surplus, treasuryBalance, cashOutTaxRate } =
+ const { availableToPayout, surplusElement, treasuryBalance, cashOutTaxRate } =
useV4TreasuryStats()
const surplusTooltip = useMemo(
() =>
cashOutTaxRate && cashOutTaxRate.toFloat() > 0 ? (
- {surplus} is available for token redemptions or future payouts.
+ {surplusElement} is available across all chains for token redemptions or future payouts.
) : (
-
{surplus} is available for future payouts.
+
{surplusElement} is available across all chains for future payouts.
),
- [surplus, cashOutTaxRate],
+ [surplusElement, cashOutTaxRate],
)
return (
@@ -34,7 +35,7 @@ export const V4TreasuryStats = () => {
{
const { data: rulesetMetadata } = useJBRulesetMetadata()
const { distributableAmount } = useV4DistributableAmount()
- const { data: surplusInNativeToken } = useNativeTokenSurplus()
const { data: _treasuryBalance } = useV4BalanceOfNativeTerminal()
- const { data: payoutLimit } = usePayoutLimit()
+ const surplusQuery = useSuckersNativeTokenSurplus();
- const treasuryBalance =
+ // NOTE: if loading state or conversion to USD necessary
+ // const { data: ethPrice, isLoading: isEthLoading } = useEtherPrice();
+ // const loading = isEthLoading || surplusQuery.isLoading;
- const surplus = useMemo(() => {
- if (payoutLimit && payoutLimit.amount === MAX_PAYOUT_LIMIT)
- return t`No surplus`
+ const ethSurplusByChain = surplusQuery?.data
+ const totalEthSurplus =
+ ethSurplusByChain?.reduce((acc, curr) => {
+ return acc + curr.surplus;
+ }, 0n) ?? 0n;
+
+ const treasuryBalance =
- return
- }, [surplusInNativeToken, payoutLimit])
+ const surplusElement = useMemo(() => {
+ // NOTE: Don't think we need this since other chains payouts limits may be different?
+ // if (payoutLimit && payoutLimit.amount === MAX_PAYOUT_LIMIT)
+ // return t`No surplus`
+ return (
+ 0 ?
+
+ {ethSurplusByChain?.map((surplus, index) => (
+
+
+
+ {NETWORKS[surplus.chainId].label}
+
+ {/* (NOTE: Following comment copied from Revnet:
+ "TODO maybe show USD-converted value here instead?" */}
+
+
+
+
+ ))}
+
+