bananas-commerce-admin
Version:
What's this, an admin for apes?
22 lines • 1.96 kB
JavaScript
import React from "react";
import { Chip, Grid2 as Grid } from "@mui/material";
import Card from "../../../components/Card";
import CardHeader from "../../../components/Card/CardHeader";
import { useUser } from "../../../contexts/UserContext";
import { hasPermission } from "../../../util/has_permission";
import SubscriptionsCardContent from "../components/SubscriptionsCardContent";
const SubscriptionsCard = ({ data: { next: _next, previous: _previous, results }, params, refresh, }) => {
const { user } = useUser();
const { membership_number } = params;
return (React.createElement(Grid, { container: true, columns: 12, spacing: 3, width: "100%" }, results.map((subscription, index) => (React.createElement(Card, { key: subscription.id, isCollapsible: true, isDisabled: subscription.state === "ENDED", isEditable: hasPermission(user, "subscription.change_subscription"), isOpen: index === 0 && subscription.state !== "ENDED", sx: { overflow: "hidden" } },
React.createElement(CardHeader, { title: subscription.name },
!subscription.is_cancelled &&
subscription.state !== "ENDED" &&
subscription.state !== "PENDING" && (React.createElement(Chip, { color: "success", label: subscription.state, size: "small" })),
subscription.is_cancelled && subscription.state !== "ENDED" && (React.createElement(Chip, { color: "warning", label: subscription.state, size: "small" })),
subscription.state === "ENDED" && (React.createElement(Chip, { color: "default", label: subscription.state, size: "small" })),
subscription.state === "PENDING" && (React.createElement(Chip, { color: "info", label: subscription.state, size: "small" }))),
React.createElement(SubscriptionsCardContent, { membership_number: membership_number, refresh: refresh, subscription: subscription }))))));
};
export default SubscriptionsCard;
//# sourceMappingURL=SubscriptionsCard.js.map