Increase fraction digits for small values

Author: buberdds

src/app/components/PercentageValue/index.tsx

@@ -2,11 +2,12 @@ import { FC } from 'react'
 import { useTranslation } from 'react-i18next'
 
 type PercentageValueProps = {
+  adaptMaximumFractionDigits?: boolean
   total: number | undefined
   value: number | undefined
 }
 
-export const PercentageValue: FC<PercentageValueProps> = ({ value, total }) => {
+export const PercentageValue: FC<PercentageValueProps> = ({ adaptMaximumFractionDigits, value, total }) => {
   const { t } = useTranslation()
 
   if (typeof value !== 'number' || typeof total !== 'number' || total <= 0) {
@@ -22,7 +23,7 @@ export const PercentageValue: FC<PercentageValueProps> = ({ value, total }) => {
         formatParams: {
           value: {
             style: 'percent',
-            maximumFractionDigits: 2,
+            maximumFractionDigits: adaptMaximumFractionDigits && percentageValue < 0.001 ? 3 : 2,
           } satisfies Intl.NumberFormatOptions,
         },
       })}

src/app/components/Validators/index.tsx

@@ -76,7 +76,13 @@ export const Validators: FC<ValidatorsProps> = ({ isLoading, limit, pagination,
       },
       {
         align: TableCellAlign.Right,
-        content: <PercentageValue value={validator.voting_power} total={stats?.total_voting_power} />,
+        content: (
+          <PercentageValue
+            value={validator.voting_power}
+            total={stats?.total_voting_power}
+            adaptMaximumFractionDigits
+          />
+        ),
 
         key: 'voting',
       },