Function LoadingBackdrop

src/Components/common.jsx:7–15

({forceOpen = false} = {})

import Draggable from "react-draggable";

export function LoadingBackdrop({forceOpen = false} = {}) {
    const navigation = useNavigation()
    const loading = forceOpen || navigation.state !== 'idle';
    return (
        <Backdrop open={loading} sx={{zIndex: 99999}} transitionDuration={1000} style={{pointerEvents: "none"}}>
            <CircularProgress color="inherit"/>
        </Backdrop>
    )
}

export const InlineTypography = styled(Typography)(() => ({
    display: 'flex',