All files / libs/assignments/quotas/components/src/lib/user-quota-assignments-table UserQuotaAssignmentsMonthlyTable.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 UserQuotaAssignmentsMonthlyTableProps = {
  readonly data: UserQuotaAssignmentsBaseTableData[];
  readonly user: Pick<UserProfile, 'currency' | 'firstName' | 'id' | 'lastName'>;
  readonly referenceDate?: Date;
};
 
export const UserQuotaAssignmentsMonthlyTable = memo(function UserQuotaAssignmentsMonthlyTable({
  data,
  user,
  referenceDate,
}: UserQuotaAssignmentsMonthlyTableProps) {
  const { formatMessage } = useIntl();
  const utcReferenceDate = useUtcDate(referenceDate);
 
  const columns = useUserQuotaAssignmentsTableColumns(user, PeriodFrequencyEnum.month, referenceDate);
 
  return (
    <UserQuotaAssignmentsBaseTable
      columns={columns}
      data={data}
      nameTitle={formatMessage({ defaultMessage: 'Monthly quota name' })}
      referenceDate={utcReferenceDate}
      user={user}
    />
  );
});