kpi-proportions LtiKpiProportionsCard.tsx

0% Statements 0/32

0% Branches 0/1

0% Functions 0/1

0% Lines 0/32

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
26
27
28
29
30
31
32
33  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { memo } from 'react';

import { type CompanyShareWithPrice, type LtiParticipantGrants } from '@amalia/lti/types';

import {
  KpisStructureWidgetPresentation,
  type KpisStructureWidgetPresentationProps,
} from '../../enrollment/kpi-structure-widget';

const widgetConfiguration: KpisStructureWidgetPresentationProps['widgetConfiguration'] = {
  showGrantedSharesBreakdown: true,
  showMonetaryValues: true,
};

export type LtiKpiProportionsCardProps = {
  readonly grants: LtiParticipantGrants;
  readonly sharePrice?: CompanyShareWithPrice;
};

export const LtiKpiProportionsCard = memo(function LtiKpiProportionsCard({
  grants,
  sharePrice,
}: LtiKpiProportionsCardProps) {
  return (
    <KpisStructureWidgetPresentation
      kpis={grants.plan.kpis}
      sharePrice={sharePrice}
      sharesCount={grants.grants.reduce((acc, curr) => acc + curr.nbShares, 0)}
      widgetConfiguration={widgetConfiguration}
    />
  );
});