fix: 🐛 Add tooltip for voting power

pancakeswap · Jan 7, 2025 · 304a5a7 · 304a5a7
1 parent d908b6e
commit 304a5a7
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/apps/web/src/views/CakeStaking/components/LockedVeCakeStatus.tsx b/apps/web/src/views/CakeStaking/components/LockedVeCakeStatus.tsx
@@ -16,6 +16,7 @@ import {
   Tag,
   Text,
   WarningIcon,
+  useTooltip,
 } from '@pancakeswap/uikit'
 import { formatBigInt, formatNumber, getBalanceAmount, getBalanceNumber } from '@pancakeswap/utils/formatBalance'
 import dayjs from 'dayjs'

diff --git a/apps/web/src/views/Voting/CreateProposal/index.tsx b/apps/web/src/views/Voting/CreateProposal/index.tsx
@@ -17,8 +17,10 @@ import {
   ScanLink,
   Spinner,
   Text,
+  TooltipText,
   useModal,
   useToast,
+  useTooltip,
 } from '@pancakeswap/uikit'
 import truncateHash from '@pancakeswap/utils/truncateHash'
 import snapshot from '@snapshot-labs/snapshot.js'
@@ -125,6 +127,17 @@ const CreateProposal = () => {
 
   const [onPresentVoteDetailsModal] = useModal(<VoteDetailsModal block={watch('snapshot')} />)
 
+  const votingPowerTooltipContent = t(
+    'Your voting power is determined by your veCAKE balance at the snapshot block, which represents how much weight your vote carries.',
+  )
+  const {
+    targetRef: votingPowerTargetRef,
+    tooltip: votingPowerTooltip,
+    tooltipVisible: votingPowerTooltipVisible,
+  } = useTooltip(<Text>{votingPowerTooltipContent}</Text>, {
+    placement: 'top',
+  })
+
   const onSubmit = async (data: any) => {
     if (!account) return
 
@@ -348,6 +361,10 @@ const CreateProposal = () => {
                     {t('Voting Power')}
                   </Text>
                   <Text>{isLoading ? '-' : total ?? 0}</Text>
+                  <Box ml="8px">
+                    <TooltipText ref={votingPowerTargetRef}>{isLoading ? '-' : total ?? 0}</TooltipText>
+                    {votingPowerTooltipVisible && votingPowerTooltip}
+                  </Box>
                 </Flex>
 
                 {/* Snapshot */}

diff --git a/packages/localization/src/config/translations.json b/packages/localization/src/config/translations.json
@@ -3673,5 +3673,6 @@
   "Existing Orders": "Existing Orders",
   "Swap %token% to win a share of": "Swap %token% to win a share of",
   "with daily prizes and leaderboard rewards!": "with daily prizes and leaderboard rewards!",
-  "Network unstable. Please refresh to continue.": "Network unstable. Please refresh to continue."
+  "Network unstable. Please refresh to continue.": "Network unstable. Please refresh to continue.",
+  "Your voting power is determined by your veCAKE balance at the snapshot block, which represents how much weight your vote carries.": "Your voting power is determined by your veCAKE balance at the snapshot block, which represents how much weight your vote carries."
 }