columns RecurrenceColumn.tsx

0% Statements 0/3

0% Branches 0/2

0% Functions 0/1

0% Lines 0/3

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text } from "@common/Text";
import { PurchaseItem } from "@components/DonationList/Table/FundraisersDonationsTable";
import { CANCELLED_STATUSES } from "@components/ManageMoney/TransactionTable/consts";
import { Box } from "@mui/material";
import { palette } from "@palette";
import React from "react";
 
export const RecurrenceColumn = ({ row }: { row: PurchaseItem }) => {
  const isCanceled = CANCELLED_STATUSES.has(row?.recurringStatus);
 
  return (
    <Box
      sx={{ sup: { fontSize: 9, lineHeight: "13px" } }}
      className={`hide-when-expand-${row.id}`}
    >
      <Text
        fontWeight="medium"
        color={palette.neutral[800]}
        textTransform="capitalize"
      >
        {row.recurringInterval}
        {isCanceled && " (Canceled)"}
      </Text>
    </Box>
  );
};