📊 Add a unit prop to the Numeric proposal details renderer (#4821)

Add a unit prop to the `Numeric` proposal details renderer
Joystream · Mar 29, 2024 · dd3e773 · dd3e773
1 parent 801e824
commit dd3e773
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/packages/ui/src/proposals/components/ProposalDetails/renderers/Numeric.tsx b/packages/ui/src/proposals/components/ProposalDetails/renderers/Numeric.tsx
@@ -2,10 +2,21 @@ import BN from 'bn.js'
 import React from 'react'
 
 import { NumericValueStat } from '@/common/components/statistics'
+import { TextSmall } from '@/common/components/typography'
 
 interface Props {
  label: string
  value: BN
+ units?: string
 }
 
-export const Numeric = ({ label, value }: Props) => <NumericValueStat title={label} value={value} />
+export const Numeric = ({ label, value, units }: Props) => (
+ <NumericValueStat title={label} value={value}>
+ {units && (
+ <TextSmall as="span" lighter>
+ {' '}
+ {units}
+ </TextSmall>
+ )}
+ </NumericValueStat>
+)