Skip to content

Update multi asset bounties summary #7330

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
wliyongfeng merged 4 commits into from
May 21, 2026
Merged

Update multi asset bounties summary #7330

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6d61ec8
Merge created and funded numbers in multi asset bounties summary
hyifeng May 21, 2026
eeeea96
Add tooltip to explain summary item
hyifeng May 21, 2026
4f9d8f9
refactor
hyifeng May 21, 2026
b5c3da6
fix text, inactive bounties -> approved bounties
hyifeng May 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 48 additions & 8 deletions packages/next-common/components/treasury/multiAssetBounty/summaryPanel.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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();
Expand All @@ -41,19 +49,51 @@ function StatusAssets({ byAsset }) {
);
}

function SummaryItemTitle({ title, tooltip }) {
return (
<div className="flex items-center gap-1">
<span>{title}</span>
{tooltip && <Tooltip content={tooltip} />}
</div>
);
}

export function MultiAssetBountiesSummaryPanelImpl() {
const { groupedByStatus, isLoading } = useMultiAssetBountiesSummary();

return (
<LoadableContent isLoading={isLoading || isNil(groupedByStatus)}>
<SummaryLayout>
{ACTIVE_STATUSES.map((status) => {
const group = (groupedByStatus || {})[status] || {
{STATUS_TITLES.map((titleStatus) => {
const group = {
count: 0,
byAsset: {},
};
for (const status of titleStatus.status) {
if (!ACTIVE_STATUSES.includes(status)) {
return null;
}
const item = (groupedByStatus || {})[status] || {
count: 0,
byAsset: {},
};
group.count += item.count || 0;
for (const [key, assetData] of Object.entries(item.byAsset)) {
if (!group.byAsset[key]) {
group.byAsset[key] = { ...assetData };
} else {
group.byAsset[key] = {
...group.byAsset[key],
total: group.byAsset[key].total.plus(assetData.total),
};
}
}
}
return (
<SummaryItem key={status} title={STATUS_TITLES[status]}>
<SummaryItem
key={titleStatus.title}
title={<SummaryItemTitle {...titleStatus} />}
>
<div className="flex flex-col gap-y-1">
<span>{group.count}</span>
<StatusAssets byAsset={group.byAsset} />
Expand Down
Loading