bananas-commerce-admin
Version:
What's this, an admin for apes?
26 lines • 1.83 kB
JavaScript
import React from "react";
import List from "@mui/material/List";
import ListItem from "@mui/material/ListItem";
import ListItemText from "@mui/material/ListItemText";
import Card from "../../../components/Card";
import CardContent from "../../../components/Card/CardContent";
import CardHeader from "../../../components/Card/CardHeader";
import { useI18n } from "../../../contexts/I18nContext";
import { AddressInfo } from "./AddressInfo";
export const RecipientCard = ({ recipient, email, phone }) => {
const { t } = useI18n();
return (React.createElement(Card, null,
React.createElement(CardHeader, { title: t("Recipient") }),
React.createElement(CardContent, { sx: { pt: 0 } },
React.createElement(List, { dense: true, disablePadding: true },
React.createElement(ListItem, { disablePadding: true },
React.createElement(ListItemText, { primary: t("Address"), secondary: React.createElement(AddressInfo, { careOf: recipient.care_of, city: recipient.city, countryCode: recipient.country_code, name: recipient.company_name
? recipient.company_name
: `${recipient.given_name} ${recipient.family_name}`, postalCode: recipient.postal_code, region: recipient.region, streetAddress: recipient.street_address, streetAddress2: recipient.street_address2 }) })),
React.createElement(ListItem, { disablePadding: true },
React.createElement(ListItemText, { primary: t("Email"), secondary: email ?? "—" })),
React.createElement(ListItem, { disablePadding: true },
React.createElement(ListItemText, { primary: t("Phone"), secondary: phone ?? "—" }))))));
};
export default RecipientCard;
//# sourceMappingURL=RecipientCard.js.map