import {Fragment} from 'react'; import styled from '@emotion/styled'; import type {ModalRenderProps} from 'sentry/actionCreators/modal'; import {closeModal} from 'sentry/actionCreators/modal'; import {tct} from 'sentry/locale'; import {space} from 'sentry/styles/space'; import type {SchemaFormConfig} from 'sentry/views/settings/organizationIntegrations/sentryAppExternalForm'; import SentryAppExternalForm from 'sentry/views/settings/organizationIntegrations/sentryAppExternalForm'; type Props = ModalRenderProps & { appName: string; config: SchemaFormConfig; onSubmitSuccess: React.ComponentProps['onSubmitSuccess']; resetValues: {[key: string]: any}; sentryAppInstallationUuid: string; }; function SentryAppRuleModal({ Header, Body, sentryAppInstallationUuid, appName, config, resetValues, onSubmitSuccess, }: Props) { return (

{tct('[name] Settings', {name: appName})}

{config.description && {config.description}}

{ onSubmitSuccess(...params); closeModal(); }} resetValues={{settings: resetValues?.settings}} /> ); } const Description = styled('div')` padding-top: ${space(0)}; color: ${p => p.theme.subText}; `; export default SentryAppRuleModal;