payments-widget PaymentsWidget.tsx

0% Statements 0/36

0% Branches 0/1

0% Functions 0/1

0% Lines 0/36

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
34
35
36
37  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { memo } from 'react';
import { FormattedMessage } from 'react-intl';

import { type Period } from '@amalia/payout-definition/periods/types';

import { DashboardWidget } from '../dashboard-widget/DashboardWidget';
import { WidgetTitle } from '../widget-title/WidgetTitle';

import { PaymentsWidgetDataGrid } from './payments-widget-data-grid/PaymentsWidgetDataGrid';

export type PaymentsWidgetProps = {
  readonly selectedPlanIds?: string[];
  readonly selectedTeamIds?: string[];
  readonly selectedUserIds?: string[];
  readonly periodId?: Period['id'];
};

export const PaymentsWidget = memo(function PaymentsWidget({
  selectedPlanIds,
  selectedTeamIds,
  selectedUserIds,
  periodId,
}: PaymentsWidgetProps) {
  return (
    <DashboardWidget>
      <WidgetTitle title={<FormattedMessage defaultMessage="Payments" />} />

      <PaymentsWidgetDataGrid
        periodId={periodId}
        selectedPlanIds={selectedPlanIds}
        selectedTeamIds={selectedTeamIds}
        selectedUserIds={selectedUserIds}
      />
    </DashboardWidget>
  );
});