diff --git a/grafana-plugin/src/components/IntegrationLogo/IntegrationLogo.config.ts b/grafana-plugin/src/components/IntegrationLogo/IntegrationLogo.config.ts index c291b26e..9b65a2b5 100644 --- a/grafana-plugin/src/components/IntegrationLogo/IntegrationLogo.config.ts +++ b/grafana-plugin/src/components/IntegrationLogo/IntegrationLogo.config.ts @@ -1,8 +1,10 @@ export const logoCoors: { [key: string]: { x: number; y: number } } = { grafana: { x: 9, y: 0 }, grafana_alerting: { x: 9, y: 0 }, + legacy_grafana_alerting: { x: 9, y: 0 }, webhook: { x: 2, y: 14 }, alertmanager: { x: 12, y: 4 }, + legacy_alertmanager: { x: 12, y: 4 }, kapacitor: { x: 10, y: 1 }, fabric: { x: 8, y: 7 }, newrelic: { x: 0, y: 11 }, diff --git a/grafana-plugin/src/pages/integrations/Integrations.tsx b/grafana-plugin/src/pages/integrations/Integrations.tsx index db59e22d..bf462d0d 100644 --- a/grafana-plugin/src/pages/integrations/Integrations.tsx +++ b/grafana-plugin/src/pages/integrations/Integrations.tsx @@ -243,23 +243,23 @@ class Integrations extends React.Component const integration = alertReceiveChannelStore.getIntegration(alertReceiveChannel); const isLegacyIntegration = (integration?.value as string)?.toLowerCase().startsWith('legacy_'); + if (isLegacyIntegration) { + return ( + + + + + + {integration?.display_name} + + + ); + } + return ( - - {isLegacyIntegration ? ( - <> - - - - - {integration?.display_name} - - - ) : ( - <> - - {integration?.display_name} - - )} + + + {integration?.display_name} ); }