<$Table
- label="Bonk PNL Leaderboard"
+ label={stringGetter({ key: STRING_KEYS.COMPETITION_LEADERBOARD_TITLE })}
data={data}
tableId="bonk-pnl"
getRowKey={getRowKey}
@@ -127,50 +131,6 @@ export const BonkPnlPanel = () => {
);
};
-const $Panel = styled(Panel)`
- --panel-content-paddingY: 1.5rem;
- --panel-content-paddingX: 1.5rem;
-`;
-
-const $Table = styled(Table)`
- --tableCell-padding: 0.25rem;
- font: var(--font-mini-book);
- --stickyArea-background: transparent;
-
- table {
- --stickyArea-background: transparent;
- }
-
- thead,
- tbody {
- --stickyArea-background: transparent;
- tr {
- td:first-of-type,
- th:first-of-type {
- --tableCell-padding: 0.5rem 0.25rem 0.5rem 1rem;
- }
- td:last-of-type,
- th:last-of-type {
- --tableCell-padding: 0.5rem 1rem 0.5rem 0.25rem;
- }
- }
- }
-
- tbody {
- font: var(--font-small-book);
- }
-
- tfoot {
- --stickyArea-background: transparent;
- --tableCell-padding: 0.5rem 1rem 0.5rem 1rem;
- }
-
- min-width: 1px;
- tbody {
- font: var(--font-small-book);
- }
-` as typeof Table;
-
const getTraderLink = (address: string) => {
return `https://community.chaoslabs.xyz/dydx-v4/risk/accounts/${address}/subAccount/0/overview`;
};
@@ -257,6 +217,69 @@ const getBonkPnlTableColumnDef = ({
/>
),
},
+ [BonkPnlTableColumns.Rewards]: {
+ columnKey: BonkPnlTableColumns.Rewards,
+ getCellValue: (row) => row.position,
+ label: (
+
+ {stringGetter({ key: STRING_KEYS.ESTIMATED_REWARDS })}
+
+ ),
+ renderCell: ({ position }) => {
+ return (
+
+ );
+ },
+ },
} satisfies Record
>
)[key],
});
+
+const $Panel = styled(Panel)`
+ --panel-content-paddingY: 1.5rem;
+ --panel-content-paddingX: 1.5rem;
+`;
+
+const $Table = styled(Table)`
+ --tableCell-padding: 0.25rem;
+ font: var(--font-mini-book);
+ --stickyArea-background: transparent;
+
+ table {
+ --stickyArea-background: transparent;
+ }
+
+ thead,
+ tbody {
+ --stickyArea-background: transparent;
+ tr {
+ td:first-of-type,
+ th:first-of-type {
+ --tableCell-padding: 0.5rem 0.25rem 0.5rem 1rem;
+ }
+ td:last-of-type,
+ th:last-of-type {
+ --tableCell-padding: 0.5rem 1rem 0.5rem 0.25rem;
+ }
+ }
+ }
+
+ tbody {
+ font: var(--font-small-book);
+ }
+
+ tfoot {
+ --stickyArea-background: transparent;
+ --tableCell-padding: 0.5rem 1rem 0.5rem 1rem;
+ }
+
+ min-width: 1px;
+ tbody {
+ font: var(--font-small-book);
+ }
+` as typeof Table;
diff --git a/src/pages/token/RewardsPage.tsx b/src/pages/token/RewardsPage.tsx
index 80f1e288e..9e16aed94 100644
--- a/src/pages/token/RewardsPage.tsx
+++ b/src/pages/token/RewardsPage.tsx
@@ -27,13 +27,13 @@ import { TermsOfUseLink } from '@/components/TermsOfUseLink';
import { orEmptyObj } from '@/lib/typeUtils';
+import { BonkIncentivesPanel } from './BonkIncentivesPanel';
import { BonkPnlPanel } from './BonkPnlPanel';
import { CompetitionIncentivesPanel } from './CompetitionIncentivesPanel';
import { CompetitionLeaderboardPanel } from './CompetitionLeaderboardPanel';
import { GeoblockedPanel } from './GeoblockedPanel';
import { LaunchIncentivesPanel } from './LaunchIncentivesPanel';
import { RewardsHelpPanel } from './RewardsHelpPanel';
-import { RewardsLeaderboardPanel } from './RewardsLeaderboardPanel';
import { StakingRewardPanel } from './StakingRewardPanel';
import { SwapAndStakingPanel } from './SwapAndStakingPanel';
import { UnbondingPanels } from './UnbondingPanels';
@@ -84,24 +84,15 @@ const RewardsPage = () => {
{
content: (
+
),
- label: 'Bonk PNL',
+ label: 'BONKuary',
value: Tab.BonkPnl,
},
]
: []),
- {
- content: (
-
-
-
-
- ),
- label: stringGetter({ key: STRING_KEYS.REWARDS }),
- value: Tab.Rewards,
- },
{
content: (
+