diff --git a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx index 763538181..2b3d0b119 100644 --- a/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx +++ b/src/app/collective-rewards/rewards/backers/BackerRewardsTable.tsx @@ -20,6 +20,7 @@ import { useBasicPaginationUi } from '@/shared/hooks/usePaginationUi' import { CycleContextProvider } from '@/app/collective-rewards/metrics' import Link from 'next/link' import Big from '@/lib/big' +import { Typography } from '@/components/Typography/Typography' enum RewardsColumnKeyEnum { builder = 'builder', @@ -40,14 +41,18 @@ const tableHeaders: TableHeader[] = [ tooltip: { text: ( <> - An estimate of this Cycle’s rewards from each Builder that will become fully claimable by the end of - the current Cycle. These rewards gradually become claimable and are added to your ‘Claimable - Rewards’ as the cycle progresses. To check the cycle completion, go to Collective Rewards → Current - Cycle. -
-
- The displayed information is dynamic and may vary based on total rewards and user activity. This - data is for informational purposes only. + + An estimate of the remainder of this Cycle’s rewards from each Builder that will become fully + claimable by the end of the current Cycle. These rewards gradually transition into your ‘Claimable + Rewards’ as the cycle progresses. + + + To check the cycle`s completion, go to Collective Rewards → Current Cycle. + + + The displayed information is dynamic and may vary based on total rewards and user activity. This + data is for informational purposes only. + ), popoverProps: { size: 'medium' }, @@ -153,7 +158,7 @@ const RewardsTable: FC = ({ builder, gauges, tokens }) => { ) : ( <> - + {tableHeaders.map(header => ( diff --git a/src/app/collective-rewards/rewards/backers/Rewards.tsx b/src/app/collective-rewards/rewards/backers/Rewards.tsx index e2601b211..8a7c38fcb 100644 --- a/src/app/collective-rewards/rewards/backers/Rewards.tsx +++ b/src/app/collective-rewards/rewards/backers/Rewards.tsx @@ -13,6 +13,7 @@ import { CycleContextProvider } from '@/app/collective-rewards/metrics' import { PricesContextProvider } from '@/shared/context/PricesContext' import { Button } from '@/components/Button' import { MetricContainer } from '@/app/collective-rewards/rewards/components/MetricContainer' +import { Typography } from '@/components/Typography/Typography' type RewardsProps = RewardDetails @@ -40,13 +41,18 @@ const RewardsContent: FC = ({ builder, gauges, tokens }) => { tooltip={{ text: ( <> - An estimate of this Cycle’s rewards that will become fully claimable by the end of the current - Cycle. These rewards gradually become claimable and are added to your ‘Claimable Rewards’ as - the cycle progresses. To check the cycle completion, go to Collective Rewards → Current Cycle. -
-
- The displayed information is dynamic and may vary based on total rewards and user activity. - This data is for informational purposes only. + + An estimate of the remainder of this Cycle’s rewards that will become fully claimable by the + end of the current Cycle. These rewards gradually transition into your ‘Claimable Rewards’ + as the cycle progresses. + + + To check the cycle`s completion, go to Collective Rewards → Current Cycle. + + + The displayed information is dynamic and may vary based on total rewards and user activity. + This data is for informational purposes only. + ), popoverProps: { size: 'medium' }, diff --git a/src/app/collective-rewards/rewards/components/Tooltip.tsx b/src/app/collective-rewards/rewards/components/Tooltip.tsx index 80572e8cb..7854b9bd9 100644 --- a/src/app/collective-rewards/rewards/components/Tooltip.tsx +++ b/src/app/collective-rewards/rewards/components/Tooltip.tsx @@ -30,8 +30,8 @@ export const Tooltip: FC = ({ text, popoverProps }) => ( <> -

{text}

+
+ {text}
} trigger="hover"