31 lines
1.3 KiB
JavaScript
31 lines
1.3 KiB
JavaScript
import Dialog from "@mui/material/Dialog";
|
|
import DialogContent from "@mui/material/DialogContent";
|
|
import DialogTitle from "@mui/material/DialogTitle";
|
|
import Skeleton from "@mui/material/Skeleton";
|
|
import { PageSkeleton } from "@/shared/ui/PageSkeleton.jsx";
|
|
import { SideDrawer } from "@/shared/ui/SideDrawer.jsx";
|
|
import styles from "@/features/activity-templates/activity-templates.module.css";
|
|
|
|
export function ActivityTemplateDrawerSkeleton({ className = "", onClose, title, width = "default" }) {
|
|
return (
|
|
<SideDrawer className={className} open title={title} width={width} onClose={onClose}>
|
|
<div className={styles.overlayDrawerSkeleton}>
|
|
<PageSkeleton />
|
|
</div>
|
|
</SideDrawer>
|
|
);
|
|
}
|
|
|
|
export function ActivityTemplateCloneDialogSkeleton({ onClose }) {
|
|
return (
|
|
<Dialog fullWidth maxWidth="sm" open onClose={onClose}>
|
|
<DialogTitle>复制活动模版</DialogTitle>
|
|
<DialogContent className={styles.overlayDialogSkeleton} aria-busy="true" aria-label="复制活动模版加载中">
|
|
<Skeleton animation="wave" height={64} variant="rounded" />
|
|
<Skeleton animation="wave" height={56} variant="rounded" />
|
|
<Skeleton animation="wave" height={56} variant="rounded" />
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|