12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- import AlertLink from 'sentry/components/alertLink';
- import {Button} from 'sentry/components/button';
- 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 RepositoryRow from 'sentry/components/repositoryRow';
- import {IconCommit} from 'sentry/icons';
- import {t, tct} from 'sentry/locale';
- import type {Repository, RepositoryStatus} from 'sentry/types/integrations';
- import type {Organization} from 'sentry/types/organization';
- import useApi from 'sentry/utils/useApi';
- import SettingsPageHeader from 'sentry/views/settings/components/settingsPageHeader';
- import TextBlock from 'sentry/views/settings/components/text/textBlock';
- type Props = {
- itemList: Repository[];
- onRepositoryChange: (data: {id: string; status: RepositoryStatus}) => void;
- organization: Organization;
- };
- function OrganizationRepositories({itemList, onRepositoryChange, organization}: Props) {
- const api = useApi();
- const hasItemList = itemList && itemList.length > 0;
- return (
- <div>
- <SettingsPageHeader title={t('Repositories')} />
- <AlertLink to={`/settings/${organization.slug}/integrations/`}>
- {t(
- 'Want to add a repository to start tracking commits? Install or configure your version control integration here.'
- )}
- </AlertLink>
- {!hasItemList && (
- <div className="m-b-2">
- <TextBlock>
- {t(
- "Connecting a repository allows Sentry to capture commit data via webhooks. This enables features like suggested assignees and resolving issues via commit message. Once you've connected a repository, you can associate commits with releases via the API."
- )}
-
- {tct('See our [link:documentation] for more details.', {
- link: <ExternalLink href="https://docs.sentry.io/learn/releases/" />,
- })}
- </TextBlock>
- </div>
- )}
- {hasItemList ? (
- <Panel>
- <PanelHeader>{t('Added Repositories')}</PanelHeader>
- <PanelBody>
- <div>
- {itemList.map(repo => (
- <RepositoryRow
- api={api}
- key={repo.id}
- repository={repo}
- showProvider
- orgSlug={organization.slug}
- onRepositoryChange={onRepositoryChange}
- />
- ))}
- </div>
- </PanelBody>
- </Panel>
- ) : (
- <Panel>
- <EmptyMessage
- icon={<IconCommit size="xl" />}
- title={t('Sentry is better with commit data')}
- description={t(
- 'Adding one or more repositories will enable enhanced releases and the ability to resolve Sentry Issues via git message.'
- )}
- action={
- <Button external href="https://docs.sentry.io/learn/releases/">
- {t('Learn more')}
- </Button>
- }
- />
- </Panel>
- )}
- </div>
- );
- }
- export default OrganizationRepositories;
|