Fix references to icons for integrations (#231)

Author: mderynck

grafana-plugin/src/assets/img/integration-logos.png

@@ -1,22 +1,22 @@
 export const logoCoors: { [key: string]: { x: number; y: number } } = {
-  Grafana: { x: 9, y: 0 },
-  'Grafana Alerting': { x: 9, y: 0 },
-  Webhook: { x: 2, y: 14 },
-  AlertManager: { x: 12, y: 4 },
-  Kapacitor: { x: 10, y: 1 },
-  Fabric: { x: 8, y: 7 },
-  NewRelic: { x: 0, y: 11 },
-  DataDog: { x: 3, y: 7 },
-  PagerDuty: { x: 0, y: 0 },
-  Pingdom: { x: 4, y: 0 },
-  ElastAlert: { x: 0, y: 0 },
-  'Amazon SNS': { x: 0, y: 2 },
-  Curler: { x: 0, y: 0 },
-  'Sentry Webhook (Onprem)': { x: 11, y: 12 },
-  'Formatted Webhook': { x: 2, y: 14 },
-  'HeartBeat Monitoring': { x: 2, y: 14 },
+  grafana: { x: 9, y: 0 },
+  grafana_alerting: { x: 9, y: 0 },
+  webhook: { x: 2, y: 14 },
+  alertmanager: { x: 12, y: 4 },
+  kapacitor: { x: 10, y: 1 },
+  fabric: { x: 8, y: 7 },
+  newrelic: { x: 0, y: 11 },
+  datadog: { x: 3, y: 7 },
+  pagerduty: { x: 3, y: 1 },
+  pingdom: { x: 4, y: 0 },
+  elastalert: { x: 2, y: 1 },
+  amazon_sns: { x: 0, y: 2 },
+  curler: { x: 0, y: 0 },
+  sentry: { x: 11, y: 12 },
+  formatted_webhook: { x: 2, y: 14 },
+  heartbeat_monitoring: { x: 2, y: 14 },
   Stackdriver: { x: 8, y: 8 },
-  UptimeRobot: { x: 14, y: 8 },
-  Zabbix: { x: 7, y: 14 },
-  PRTG: { x: 12, y: 5 },
+  uptimerobot: { x: 14, y: 8 },
+  zabbix: { x: 7, y: 14 },
+  prtg: { x: 12, y: 5 },
 };

grafana-plugin/src/components/IntegrationLogo/IntegrationLogo.config.ts

@@ -24,7 +24,7 @@ const IntegrationLogo: FC<IntegrationLogoProps> = (props) => {
     return null;
   }
 
-  const coors = logoCoors[integration.display_name] || { x: 2, y: 14 };
+  const coors = logoCoors[integration.value] || { x: 2, y: 14 };
 
   const bgStyle = {
     backgroundPosition: `-${coors?.x * LOGO_WIDTH * scale}px -${coors?.y * LOGO_WIDTH * scale}px`,