widgets GrantedSharesWidget.tsx

0% Statements 0/24

0% Branches 0/1

0% Functions 0/1

0% Lines 0/24

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { memo } from 'react';
import { FormattedMessage, FormattedNumber } from 'react-intl';

import { PlanInformationWidgetBase, type PlanInformationWidgetBaseProps } from './PlanInformationWidgetBase';

type GrantedSharesWidgetProps = Pick<PlanInformationWidgetBaseProps, 'monetaryValue'> & {
  readonly value: number;
  readonly showMonetaryValue?: boolean;
};

export const GrantedSharesWidget = memo(function GrantedSharesWidget({
  value,
  monetaryValue,
  showMonetaryValue = true,
}: GrantedSharesWidgetProps) {
  return (
    <PlanInformationWidgetBase
      monetaryValue={showMonetaryValue ? monetaryValue : undefined}
      title={<FormattedMessage defaultMessage="Granted shares" />}
      value={<FormattedNumber value={value} />}
      valueTypographyVariant="heading3Medium"
    />
  );
});