import {Fragment, useCallback, useEffect, useRef} from 'react'; import {css} from '@emotion/react'; import {ModalRenderProps} from 'sentry/actionCreators/modal'; import {t} from 'sentry/locale'; import theme from 'sentry/utils/theme'; import ProjectOwnershipModal from 'sentry/views/settings/project/projectOwnership/modal'; type Props = ModalRenderProps & Pick & { onClose?: () => void; }; const CreateOwnershipRuleModal = ({Body, Header, closeModal, ...props}: Props) => { const closeModalTimeoutRef = useRef(undefined); useEffect(() => { return () => { window.clearInterval(closeModalTimeoutRef.current); }; }, []); const handleSuccess = useCallback(() => { props.onClose?.(); window.clearTimeout(closeModalTimeoutRef.current); closeModalTimeoutRef.current = window.setTimeout(closeModal, 2000); }, [props.onClose]); return (

{t('Create Ownership Rule')}

); }; export const modalCss = css` @media (min-width: ${theme.breakpoints.small}) { width: 80%; } [role='document'] { overflow: initial; } `; export default CreateOwnershipRuleModal;