columns AmountColumn.tsx

0% Statements 0/2

100% Branches 0/0

0% Functions 0/1

0% Lines 0/2

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { Text } from "@common/Text";
import { PurchaseItem } from "@components/DonationList/Table/FundraisersDonationsTable";
import { getPlural } from "@components/TicketSales/Table/EventsTable";
import { Box } from "@mui/material";
import { palette } from "@palette";
import { toEnFormat } from "@utils/index";
 
export const AmountColumn = ({ row }: { row: PurchaseItem }) => (
  <Box sx={{ sup: { fontSize: 9, lineHeight: "13px" } }}>
    <Text fontWeight="medium" color={palette.neutral[800]}>
      {toEnFormat(row.price)}
    </Text>
    <Text
      sx={{
        fontSize: "14px",
        lineHeight: "19px",
        fontWeight: 400,
        color: palette.neutral[600],
      }}
    >
      {row.quantity} {getPlural("ticket", row.quantity)}
    </Text>
  </Box>
);