createOwnershipRuleModal.tsx 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. import {Fragment} from 'react';
  2. import {css} from '@emotion/react';
  3. import {ModalRenderProps} from 'sentry/actionCreators/modal';
  4. import {t} from 'sentry/locale';
  5. import theme from 'sentry/utils/theme';
  6. import ProjectOwnershipModal from 'sentry/views/settings/project/projectOwnership/modal';
  7. type Props = ModalRenderProps &
  8. Pick<ProjectOwnershipModal['props'], 'organization' | 'project' | 'issueId'> & {
  9. onClose?: () => void;
  10. };
  11. const CreateOwnershipRuleModal = ({Body, Header, closeModal, ...props}: Props) => {
  12. const handleSuccess = () => {
  13. props.onClose?.();
  14. window.setTimeout(closeModal, 2000);
  15. };
  16. return (
  17. <Fragment>
  18. <Header closeButton>{t('Create Ownership Rule')}</Header>
  19. <Body>
  20. <ProjectOwnershipModal {...props} onSave={handleSuccess} />
  21. </Body>
  22. </Fragment>
  23. );
  24. };
  25. export const modalCss = css`
  26. @media (min-width: ${theme.breakpoints[0]}) {
  27. width: 80%;
  28. }
  29. [role='document'] {
  30. overflow: initial;
  31. }
  32. `;
  33. export default CreateOwnershipRuleModal;