diff --git a/packages/next-common/components/treasury/multiAssetBounty/summaryPanel.jsx b/packages/next-common/components/treasury/multiAssetBounty/summaryPanel.jsx index a7b40e1f0d..0afa67ce5f 100644 --- a/packages/next-common/components/treasury/multiAssetBounty/summaryPanel.jsx +++ b/packages/next-common/components/treasury/multiAssetBounty/summaryPanel.jsx @@ -7,17 +7,25 @@ import { useMultiAssetBountiesSummary, } from "next-common/hooks/treasury/multiAssetBounty/useMultiAssetBountiesSummary"; import { isNil } from "lodash-es"; +import Tooltip from "next-common/components/tooltip"; import { useContextPapi } from "next-common/context/papi"; import { toPrecision } from "next-common/utils"; import TokenSymbolAsset from "next-common/components/summary/polkadotTreasurySummary/common/tokenSymbolAsset"; import NativeTokenSymbolAsset from "next-common/components/summary/polkadotTreasurySummary/common/nativeTokenSymbolAsset"; import { useChainSettings } from "next-common/context/chain"; -const STATUS_TITLES = { - Active: "Active Bounties", - Funded: "Funded Bounties", - Created: "Created Bounties", -}; +const STATUS_TITLES = [ + { + title: "Approved Bounties", + status: ["Created", "Funded"], + tooltip: "Bounties approved by governance and awaiting curator acceptance.", + }, + { + title: "Active Bounties", + status: ["Active"], + tooltip: "Bounties that are currently active and in progress.", + }, +]; function StatusAssets({ byAsset }) { const { symbol: chainSymbol } = useChainSettings(); @@ -41,19 +49,51 @@ function StatusAssets({ byAsset }) { ); } +function SummaryItemTitle({ title, tooltip }) { + return ( +