All files / libs/assignments/plans/components/src/lib/plan-assignments-bulk-csv-import-modal/preview PlanAssignmentsBulkCsvPreview.tsx

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { memo } from 'react';
import { FormattedMessage } from 'react-intl';

import { Stack } from '@allshares/studio-design-system';
import { type UpsertPlanAssignmentsDryRunResponse } from '@amalia/payout-definition/plans/types';

import { PlanAssignmentsBulkCsvPreviewSection } from './section/PlanAssignmentsBulkCsvPreviewSection';

export type PlanAssignmentsBulkCsvPreviewProps = {
  readonly dryRunResponse: UpsertPlanAssignmentsDryRunResponse;
};

export const PlanAssignmentsBulkCsvPreview = memo(function PlanAssignmentsBulkCsvPreview({
  dryRunResponse,
}: PlanAssignmentsBulkCsvPreviewProps) {
  const assignmentsCount =
    dryRunResponse.insertedPlanAssignments.length +
    dryRunResponse.updatedPlanAssignments.length +
    dryRunResponse.unchangedPlanAssignments.length;

  return (
    <Stack gap={24}>
      <FormattedMessage
        defaultMessage="We imported {assignmentsCount, plural, one {# row} other {# rows}} from your file:"
        values={{ assignmentsCount }}
      />

      <Stack gap={8}>
        <PlanAssignmentsBulkCsvPreviewSection
          planAssignments={dryRunResponse.insertedPlanAssignments}
          title={
            <FormattedMessage
              defaultMessage="{newAssignmentsCount, plural, =0 {No new plan assignments} one {# new plan assignment} other {# new plan assignments}}"
              values={{ newAssignmentsCount: dryRunResponse.insertedPlanAssignments.length }}
            />
          }
        />

        <PlanAssignmentsBulkCsvPreviewSection
          planAssignments={dryRunResponse.updatedPlanAssignments}
          title={
            <FormattedMessage
              defaultMessage="{changedAssignmentsCount, plural, =0 {No updated plan assignments} one {# updated plan assignment} other {# updated plan assignments}}"
              values={{ changedAssignmentsCount: dryRunResponse.updatedPlanAssignments.length }}
            />
          }
        />

        <PlanAssignmentsBulkCsvPreviewSection
          planAssignments={dryRunResponse.unchangedPlanAssignments}
          title={
            <FormattedMessage
              defaultMessage="{keptAssignmentsCount, plural, =0 {No unchanged plan assignments} one {# unchanged plan assignment} other {# unchanged plan assignments}}"
              values={{ keptAssignmentsCount: dryRunResponse.unchangedPlanAssignments.length }}
            />
          }
        />
      </Stack>

      <FormattedMessage defaultMessage="Are you sure you want to apply changes?" />
    </Stack>
  );
});