bananas-commerce-admin
Version:
What's this, an admin for apes?
54 lines • 3.63 kB
JavaScript
import React from "react";
import PlaylistAddCheckCircleIcon from "@mui/icons-material/PlaylistAddCheckCircle";
import WarningAmberOutlinedIcon from "@mui/icons-material/WarningAmberOutlined";
import { Stack, Typography } from "@mui/material";
import { DateTime } from "luxon";
import Card from "../../../components/Card";
import CardActions from "../../../components/Card/CardActions";
import CardCancelButton from "../../../components/Card/CardCancelButton";
import CardContent from "../../../components/Card/CardContent";
import CardFieldText from "../../../components/Card/CardFieldText";
import CardHeader from "../../../components/Card/CardHeader";
import CardRow from "../../../components/Card/CardRow";
import CardSaveButton from "../../../components/Card/CardSaveButton";
import { useI18n } from "../../../contexts/I18nContext";
export const MemberMetaCard = (props) => {
const { t } = useI18n();
const member = props.member ?? {
number: "",
customer_type: "",
site_code: "",
origin: "",
locale: "",
date_created: "",
billing_address: {},
is_valid_customer: true,
};
return (React.createElement(React.Fragment, null,
React.createElement(Card, { isCompact: true, isEditable: false },
React.createElement(CardHeader, { title: t("Member Meta") }),
React.createElement(CardContent, null,
React.createElement(CardRow, null,
React.createElement(Stack, { alignItems: "center", direction: "row", spacing: 1, sx: { mb: 1 } }, member.is_valid_customer ? (React.createElement(React.Fragment, null,
React.createElement(PlaylistAddCheckCircleIcon, { color: "success" }),
React.createElement(Typography, { color: "success.main", variant: "body2" }, t("Valid Customer")))) : (React.createElement(React.Fragment, null,
React.createElement(WarningAmberOutlinedIcon, { color: "warning" }),
React.createElement(Typography, { color: "warning.main", variant: "body2" }, t("Customer details missing")))))),
React.createElement(CardRow, null,
React.createElement(CardFieldText, { formName: "number", label: t("Membership Number"), required: true, value: String(member.number) })),
React.createElement(CardRow, null,
React.createElement(CardFieldText, { formName: "customer_type", label: t("Customer Type"), required: true, value: member.customer_type })),
React.createElement(CardRow, null,
React.createElement(CardFieldText, { formName: "site", label: t("Site"), required: true, value: member.site_code })),
React.createElement(CardRow, null,
React.createElement(CardFieldText, { formName: "language", label: t("Language"), required: true, value: member.locale })),
React.createElement(CardRow, null,
React.createElement(CardFieldText, { formName: "origin", label: t("Origin"), required: true, value: member.origin })),
React.createElement(CardRow, null,
React.createElement(CardFieldText, { formName: "date_created", label: t("Date Created"), required: true, value: DateTime.fromISO(member.date_created).toISODate() ?? undefined }))),
React.createElement(CardActions, null,
React.createElement(CardCancelButton, null),
React.createElement(CardSaveButton, null)))));
};
export default MemberMetaCard;
//# sourceMappingURL=MemberMetaCard.js.map