feat(Voting UI): round numbers for yes/no bar

lidofinance · Oct 7, 2024 · 9b73927 · 9b73927
1 parent 1197749
commit 9b73927
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/modules/votes/ui/VoteYesNoBar/VoteYesNoBar.tsx b/modules/votes/ui/VoteYesNoBar/VoteYesNoBar.tsx
@@ -1,4 +1,4 @@
-import { Text } from '@lidofinance/lido-ui'
+import { Text, Tooltip } from '@lidofinance/lido-ui'
 import {
  VotesBarNay,
  VotesBarWrap,
@@ -27,25 +27,31 @@ export function VoteYesNoBar({
  showOnForeground,
  showNumber,
 }: Props) {
+ const roundDown = (n: number): number => Math.floor(n * 10) / 10
+
  const nayInfo = showNumber
- ? `"No" — ${nayNum} (${nayPctOfTotalSupply}%)`
+ ? `"No" — ${roundDown(nayNum)} (${nayPctOfTotalSupply}%)`
  : `"No" — ${nayPctOfTotalSupply}%`
 
  const yeaInfo = showNumber
- ? `"Yes" — ${yeaNum} (${yeaPctOfTotalSupply}%)`
+ ? `"Yes" — ${roundDown(yeaNum)} (${yeaPctOfTotalSupply}%)`
  : `"Yes" — ${yeaPctOfTotalSupply}%`
 
  return (
  <>
  <VotesTitleWrap>
  <Text size="xxs">
  <Text as="span" size="xxs">
- {nayInfo}
+ <Tooltip title={<span>{nayNum}</span>} placement="top">
+ <span>{nayInfo}</span>
+ </Tooltip>
  </Text>
  </Text>
  <Text size="xxs" style={{ textAlign: 'right' }}>
  <Text as="span" size="xxs">
- {yeaInfo}
+ <Tooltip title={<span>{yeaNum}</span>} placement="top">
+ <span>{yeaInfo}</span>
+ </Tooltip>
  </Text>
  </Text>
  </VotesTitleWrap>