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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | 33x 3868x 3868x 3868x 843x 3868x 3868x | import { useMemo } from "react";
import { useFormatDateInTimezone } from "@utils/date.helpers";
import GiveDateTooltip from "@shared/Tooltip/GiveDateTooltip";
import { MerchantData } from "@hooks/enterprise-api/account/types";
import GiveText from "@shared/Text/GiveText";
import { useGetFeatureFlagValues } from "FeatureFlags/useGetFeatureFlagValues";
import { Stack } from "@mui/material";
import { StatusMap } from "@components/Merchants/MerchantPreview/helpers/parsers";
const useSponsorColumns = () => {
const { formatInTimezone } = useFormatDateInTimezone();
const { isMerchantStatusRefactorEnabled } = useGetFeatureFlagValues();
const readyCol = useMemo(() => {
return {
key: "approvalAt,-accID",
sortable: true,
title: "Ready",
columnWidth: 1.5,
renderColumn: (row: MerchantData) => {
const date =
(isMerchantStatusRefactorEnabled
? row?.approvalAt
: row?.lastInternalApprovalAt) ?? 0;
const parsedDate = date ? formatInTimezone(date, "MMM dd, yyyy") : "-";
return (
<Stack spacing={0.5}>
<GiveText data-testid={`give-risk-${date}`}>
{row?.approvalStateName && StatusMap?.[row.approvalStateName]}
</GiveText>
<GiveDateTooltip>
<GiveText
data-testid={`give-risk-${date}`}
variant="bodyXS"
color="secondary"
>
{parsedDate}
</GiveText>
</GiveDateTooltip>
</Stack>
);
},
};
}, []);
const columns = {
readyCol,
};
return columns;
};
export default useSponsorColumns;
|