public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Provisioning: Hide other providers if empty (#110652)

Browse Source
This commit is contained in:
Alex Khomenko
2025-09-05 07:16:07 +00:00
committed by GitHub
parent eeb940e733
commit f347bb4f61
1 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/app/features/provisioning/Shared/RepositoryTypeCards.tsx
+31 -27
View File
@@ -4,7 +4,7 @@ import { Trans } from '@grafana/i18n';
import { Card, Stack, Text, useStyles2 } from '@grafana/ui';
import { useGetFrontendSettingsQuery } from 'app/api/clients/provisioning/v0alpha1/endpoints.gen';
import { CONNECT_URL, DEFAULT_REPOSITORY_TYPES } from '../constants';
import { CONNECT_URL } from '../constants';
import { getOrderedRepositoryConfigs } from '../utils/repositoryTypes';
import { RepoIcon } from './RepoIcon';
@@ -13,7 +13,7 @@ export function RepositoryTypeCards() {
const styles = useStyles2(getStyles);
const { data: frontendSettings } = useGetFrontendSettingsQuery();
const availableTypes = frontendSettings?.availableRepositoryTypes || DEFAULT_REPOSITORY_TYPES;
const availableTypes = frontendSettings?.availableRepositoryTypes ?? [];
const { gitProviders, otherProviders } = getOrderedRepositoryConfigs(availableTypes);
return (
@@ -42,33 +42,37 @@ export function RepositoryTypeCards() {
</Stack>
)}
<Stack direction="column">
<Text variant="bodySmall" color="secondary">
<Trans i18nKey="provisioning.repository-type-cards.provider-not-listed">
If your provider is not listed:
</Trans>
</Text>
{otherProviders.length > 0 && (
<Stack direction="column">
<Text variant="bodySmall" color="secondary">
<Trans i18nKey="provisioning.repository-type-cards.provider-not-listed">
If your provider is not listed:
</Trans>
</Text>
<Stack direction="row" gap={1} wrap>
{otherProviders.map((config) => (
<Card key={config.type} href={`${CONNECT_URL}/${config.type}`} className={styles.card} noMargin>
<Stack gap={2} alignItems="center">
<RepoIcon type={config.type} />
{config.type === 'local' ? (
<Trans i18nKey="provisioning.repository-type-cards.configure-file">Configure file provisioning</Trans>
) : (
<Trans
i18nKey="provisioning.repository-type-cards.configure-with-provider"
values={{ provider: config.label }}
>
Configure with {'{{ provider }}'}
</Trans>
)}
</Stack>
</Card>
))}
<Stack direction="row" gap={1} wrap>
{otherProviders.map((config) => (
<Card key={config.type} href={`${CONNECT_URL}/${config.type}`} className={styles.card} noMargin>
<Stack gap={2} alignItems="center">
<RepoIcon type={config.type} />
{config.type === 'local' ? (
<Trans i18nKey="provisioning.repository-type-cards.configure-file">
Configure file provisioning
</Trans>
) : (
<Trans
i18nKey="provisioning.repository-type-cards.configure-with-provider"
values={{ provider: config.label }}
>
Configure with {'{{ provider }}'}
</Trans>
)}
</Stack>
</Card>
))}
</Stack>
</Stack>
</Stack>
)}
</Stack>
);
}