import {Fragment} from 'react'; import {RouteComponentProps} from 'react-router'; import {hasEveryAccess} from 'sentry/components/acl/access'; import Feature from 'sentry/components/acl/feature'; import FeatureDisabled from 'sentry/components/acl/featureDisabled'; import {Alert} from 'sentry/components/alert'; import MiniBarChart from 'sentry/components/charts/miniBarChart'; import DeprecatedAsyncComponent from 'sentry/components/deprecatedAsyncComponent'; import EmptyMessage from 'sentry/components/emptyMessage'; import ExternalLink from 'sentry/components/links/externalLink'; import Panel from 'sentry/components/panels/panel'; import PanelBody from 'sentry/components/panels/panelBody'; import PanelHeader from 'sentry/components/panels/panelHeader'; import PluginList from 'sentry/components/pluginList'; import SentryDocumentTitle from 'sentry/components/sentryDocumentTitle'; import {t, tct} from 'sentry/locale'; import {Organization, Plugin, Project, TimeseriesValue} from 'sentry/types'; import {Series} from 'sentry/types/echarts'; import withOrganization from 'sentry/utils/withOrganization'; import SettingsPageHeader from 'sentry/views/settings/components/settingsPageHeader'; import TextBlock from 'sentry/views/settings/components/text/textBlock'; import PermissionAlert from 'sentry/views/settings/project/permissionAlert'; type StatProps = { params: { orgId: string; projectId: string; }; }; type StatState = DeprecatedAsyncComponent['state'] & { stats: TimeseriesValue[]; }; class DataForwardingStats extends DeprecatedAsyncComponent { getEndpoints(): ReturnType { const {orgId, projectId} = this.props.params; const until = Math.floor(new Date().getTime() / 1000); const since = until - 3600 * 24 * 30; const options = { query: { since, until, resolution: '1d', stat: 'forwarded', }, }; return [['stats', `/projects/${orgId}/${projectId}/stats/`, options]]; } renderBody() { const {projectId} = this.props.params; const {stats} = this.state; const series: Series = { seriesName: t('Forwarded'), data: stats.map(([timestamp, value]) => ({name: timestamp * 1000, value})), }; const forwardedAny = series.data.some(({value}) => value > 0); return ( {t('Forwarded events in the last 30 days (by day)')} {forwardedAny ? ( ) : ( )} ); } } type Props = RouteComponentProps<{projectId: string}, {}> & { organization: Organization; project: Project; }; type State = DeprecatedAsyncComponent['state'] & { plugins: Plugin[]; }; class ProjectDataForwarding extends DeprecatedAsyncComponent { getEndpoints(): ReturnType { const {organization} = this.props; const {projectId} = this.props.params; return [['plugins', `/projects/${organization.slug}/${projectId}/plugins/`]]; } get forwardingPlugins() { return this.state.plugins.filter( p => p.type === 'data-forwarding' && p.hasConfiguration ); } updatePlugin(plugin: Plugin, enabled: boolean) { const plugins = this.state.plugins.map(p => ({ ...p, enabled: p.id === plugin.id ? enabled : p.enabled, })); this.setState({plugins}); } onEnablePlugin = (plugin: Plugin) => this.updatePlugin(plugin, true); onDisablePlugin = (plugin: Plugin) => this.updatePlugin(plugin, false); renderBody() { const {organization, project} = this.props; const plugins = this.forwardingPlugins; const hasAccess = hasEveryAccess(['project:write'], {organization, project}); const params = {...this.props.params, orgId: organization.slug}; const pluginsPanel = plugins.length > 0 ? ( ) : ( ); return (
{({hasFeature, features}) => ( {tct( `Data Forwarding allows processed events to be sent to your favorite business intelligence tools. The exact payload and types of data depend on the integration you're using. Learn more about this functionality in our [link:documentation].`, { link: ( ), } )} {tct( `Sentry forwards [em:all applicable error events] to the provider, in some cases this may be a significant volume of data.`, { em: , } )} {!hasFeature && ( )} {hasAccess && hasFeature && pluginsPanel} )}
); } } export default withOrganization(ProjectDataForwarding);