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 35 36 37 38 39 40 41 42 43 44 45 | 1x 43x 43x 1x | import useNiceModal from "@common/Modal/ModalFactory/hooks/useNiceModal";
import GiveSidePanel from "@shared/SidePanel/GiveSidePanel";
import { SidePanelContainerWrapper } from "@shared/SidePanel/SidePanelAtoms";
import NiceModal from "@ebay/nice-modal-react";
import { Box } from "@mui/material";
import { GiveBulkInviteFormProvider } from "./components/GiveBulkInviteFormProvider";
import { GiveBulkInviteHeader } from "./components/GiveBulkInviteHeader";
import { GiveBulkInviteContent } from "./components/GiveBulkInviteContent";
import { GiveBulkInviteFooter } from "./components/GiveBulkInviteFooter";
import { GiveBulkInviteSelectors } from "./components/GiveBulkInviteSelectors";
type GiveBulkInvitePanelProps = {
providerId?: number;
};
const GiveBulkInvite = ({ providerId }: GiveBulkInvitePanelProps) => {
const { open, onClose } = useNiceModal();
return (
<GiveSidePanel open={open} onClose={onClose}>
<SidePanelContainerWrapper sx={{ height: "100%", p: 0 }}>
<GiveBulkInviteFormProvider providerId={providerId}>
<Box
sx={{
display: "flex",
flexDirection: "column",
height: "100%",
overflow: "hidden",
position: "relative",
}}
>
<GiveBulkInviteHeader onClose={onClose} />
<GiveBulkInviteSelectors />
<GiveBulkInviteContent />
<GiveBulkInviteFooter onClose={onClose} />
</Box>
</GiveBulkInviteFormProvider>
</SidePanelContainerWrapper>
</GiveSidePanel>
);
};
const GiveBulkInvitePanel = NiceModal.create(GiveBulkInvite);
export default GiveBulkInvitePanel;
|