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 46 47 48 49 50 51 52 53 54 55 | 9x 131x 131x 1x | import GiveBaseModal from "@shared/modals/GiveBaseModal";
import { ModalLoader } from "../components/loaders/ModalLoader";
import { useGlobalGroupIdempotencyKey } from "@services/api/useGlobalGroupIdempotencyKey";
interface Props {
children: any;
open: boolean;
width?: string;
isLoading?: boolean;
}
const GiveOnboardingModal = ({
children,
open,
width = "100%",
isLoading,
}: Props) => {
useGlobalGroupIdempotencyKey({condition: !!open, persist: true});
return (
<GiveBaseModal
showHeader={false}
showFooter={false}
open={open}
width={width}
PaperProps={{
style: {
height: "90%",
maxWidth: "890px",
},
}}
BackdropProps={{
style: {
backdropFilter: "blur(4px)",
},
}}
customDialogStyle={{
// onboarding modal should be above the left sidebar that has 1200 zIndex
zIndex: "1201 !important",
}}
maxWidth="xl"
onClose={() => {
return;
}}
customFooterStyle={{
position: "relative!important",
}}
>
{isLoading ? <ModalLoader /> : children}
</GiveBaseModal>
);
};
export default GiveOnboardingModal;
|