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 | 2x | import { palette } from "@palette";
import NiceModal from "@ebay/nice-modal-react";
// mui
import { Box } from "@mui/material";
// components
import { Text } from "@common/Text";
import { CampaignType } from "../hooks/useReportMenuActions";
import { Grid } from "@mui/material";
import { TransactionTableTag } from "@common/Tag/TransactionTableTag";
import { MobileTransactionCardWrapper } from "@containers/MobileTransactionCardWrapper";
import { TRANSACTION_INFO_MODAL } from "modals/modal_names";
import { DMenu } from "@components/DonationList/Table/FundraisersDonationsTable";
import { getStatus } from "@components/ManageMoney/TransactionTable/transactions.helpers";
export const MobilePurchaseItem_V2 = ({
rowData,
campaignType,
}: {
rowData: any;
campaignType: CampaignType;
}) => {
const isPending = rowData.transactionProcessingState === "ending";
return (
<MobileTransactionCardWrapper
onClick={() => {
NiceModal.show(TRANSACTION_INFO_MODAL, {
data: rowData,
DMenu,
campaignType,
});
}}
>
<Grid sx={{ opacity: isPending ? 0.5 : 1 }}>
<Text variant="body" color={palette.neutral[80]} paddingBottom={1}>
{rowData.createdAt}
</Text>
<Box sx={{ display: "flex" }} gap={1}>
<Text variant="body">{rowData.product?.name}</Text>
<Text
variant="body"
color={palette.neutral[80]}
textTransform="capitalize"
>
x{rowData.quantity}
</Text>
</Box>
</Grid>
<Grid>
<TransactionTableTag
type={getStatus(rowData).displayStatus.toLowerCase() as any}
/>
</Grid>
</MobileTransactionCardWrapper>
);
};
|