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 | 52x 4x 4x 52x | import { Stack } from "@mui/material";
import GiveText from "@shared/Text/GiveText";
import { styled } from "@theme/v2/Provider";
import TransactionSummaryDetails from "../Summary/TransactionSummaryDetails";
import { SummaryContainerBase } from "../atoms";
import { getBankItems } from "@features/TransactionPanel/helpers/getTransactionLineItems";
type Props = {
data: any;
};
const TranferRecipient = ({ data }: Props) => {
const items = getBankItems(data);
return (
<Stack spacing="21px">
<Stack flex={1} spacing={1} direction="row" py="8px">
<GiveText variant="bodyM">Recipient</GiveText>
</Stack>
<SummaryContainer>
<TransactionSummaryDetails
list={items}
isHideBorder={true}
/>
</SummaryContainer>
</Stack>
);
};
const SummaryContainer = styled(SummaryContainerBase)({
padding: "0 20px",
});
export default TranferRecipient;
|