All files / libs/assignments/quotas/components/src/lib/user-quota-assignments-table UserQuotaAssignmentsYearlyTable.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { memo } from 'react';
import { useIntl } from 'react-intl';

import { useUtcDate } from '@amalia/ext/react/hooks';
import { PeriodFrequencyEnum } from '@amalia/payout-definition/periods/types';
import { type UserProfile } from '@amalia/tenants/users/profile/types';

import { useUserQuotaAssignmentsTableColumns } from './hooks/useUserQuotaAssignmentsTableColumns';
import { UserQuotaAssignmentsBaseTable, type UserQuotaAssignmentsBaseTableData } from './UserQuotaAssignmentsBaseTable';

export type UserQuotaAssignmentsYearlyTableProps = {
  readonly data: UserQuotaAssignmentsBaseTableData[];
  readonly user: Pick<UserProfile, 'currency' | 'firstName' | 'id' | 'lastName'>;
  readonly referenceDate?: Date;
};

export const UserQuotaAssignmentsYearlyTable = memo(function UserQuotaAssignmentsYearlyTable({
  data,
  user,
  referenceDate = new Date(),
}: UserQuotaAssignmentsYearlyTableProps) {
  const { formatMessage } = useIntl();
  const utcReferenceDate = useUtcDate(referenceDate);

  const columns = useUserQuotaAssignmentsTableColumns(user, PeriodFrequencyEnum.year, referenceDate);

  return (
    <UserQuotaAssignmentsBaseTable
      columns={columns}
      data={data}
      nameTitle={formatMessage({ defaultMessage: 'Yearly quota name' })}
      referenceDate={utcReferenceDate}
      user={user}
    />
  );
});