editOwnershipRulesModal.tsx 868 B

12345678910111213141516171819202122232425262728293031323334
  1. import {Fragment} from 'react';
  2. import {css} from '@emotion/react';
  3. import {
  4. EditOwnershipRulesModalOptions,
  5. ModalRenderProps,
  6. } from 'sentry/actionCreators/modal';
  7. import {t} from 'sentry/locale';
  8. import theme from 'sentry/utils/theme';
  9. import OwnershipModal from 'sentry/views/settings/project/projectOwnership/editRulesModal';
  10. type Props = ModalRenderProps & EditOwnershipRulesModalOptions;
  11. const EditOwnershipRulesModal = ({Body, Header, onSave, ...props}: Props) => {
  12. return (
  13. <Fragment>
  14. <Header closeButton>{t('Edit Ownership Rules')}</Header>
  15. <Body>
  16. <OwnershipModal {...props} onSave={onSave} />
  17. </Body>
  18. </Fragment>
  19. );
  20. };
  21. export const modalCss = css`
  22. @media (min-width: ${theme.breakpoints.small}) {
  23. width: 80%;
  24. }
  25. [role='document'] {
  26. overflow: initial;
  27. }
  28. `;
  29. export default EditOwnershipRulesModal;