feat(integrations): Add Grafana and Insight Finder to the integrations directory (#30272)

* feat(integrations): Add Grafana and Insight Finder to the integrations directory

* Tests bruh

* Change popularity weight for Grafana

* New logos

* English

* Move grafana higher

src/sentry/static/sentry/images/logos/logo-insight-finder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path d="M62.29 30.9a4 4 0 0 1-.58.3l-1 .46-.38.23a14.92 14.92 0 0 1-3 1 31 31 0 0 1-8.85.79H47l-2.13-2.33a1.36 1.36 0 0 0-.65-.41 1.73 1.73 0 0 0-2.16.84l-2.13 4.42-.11-.48c-.49-2.55-1-5-1.38-7.39l-.37-1.86c-.69-3.6-1.43-7.34-2.25-10.95a2.42 2.42 0 0 0-2-1.93 2.55 2.55 0 0 0-2.94 1.92l-1.8 8.41c-.54 2.75-1.09 5.57-1.64 8.39-.29 1.44-.55 2.92-.79 4.36-.12.63-.22 1.28-.33 1.89l-2.64-10.5-.11-.21a1.63 1.63 0 0 0-.86-1 1.54 1.54 0 0 0-1.16-.23 2.09 2.09 0 0 0-1.36 1l-3.1 5.75-7.62.63a1.12 1.12 0 0 0-1.08 1.1 1.16 1.16 0 0 0 1 1.28h-.1l8.71.7a1.78 1.78 0 0 0 1.56-.79l.09-.14V36L21 33.74l3.67 16.4A2.33 2.33 0 0 0 26.45 52a2.63 2.63 0 0 0 1.71-.36 2.06 2.06 0 0 0 .95-1.43l.21-.83c.64-2.55 1.27-5.1 1.72-7.56.69-2.76 1.28-5.63 1.8-8.42.33-1.64.65-3.31 1-5l.31 1.11c1 3.82 2.17 8.25 3.21 12.6a1.61 1.61 0 0 0 1 1.28 2 2 0 0 0 1.39 0 1.78 1.78 0 0 0 .95-1l3.1-7.08.92 1A1.53 1.53 0 0 0 46 37h2.2c.76 0 1.51 0 2.26-.07s1.56-.09 2.27-.15 1.56-.17 2.27-.28 1.53-.27 2.25-.43a20.84 20.84 0 0 0 2.18-.63 16.51 16.51 0 0 0 2.4-1l1.17-.61.46-.23.7-.43.36-.21c.4-.23.56-.33 1-.6l.3-.2v-.27" fill="#ff5142"/><path d="M9.32 10.55A33.16 33.16 0 1 0 33.55 0 33.16 33.16 0 0 0 9.32 10.55ZM51.94 58c5.85 6 11.59 12.15 17.59 18a16 16 0 0 0 4.7 3.55c1.79.76 3.93.65 4.88-.72a4.06 4.06 0 0 0 0-3.83 16.31 16.31 0 0 0-4.2-5.1c-1.94-1.86-4-3.63-6-5.37-4.42-3.75-8.77-7.66-13.1-11.39M4.21 33.17A29.34 29.34 0 1 1 33.55 62.5 29.34 29.34 0 0 1 4.21 33.17Z" fill="#021923"/></svg>

static/app/plugins/components/pluginIcon.tsx

@@ -18,7 +18,9 @@ import github from 'sentry-logos/logo-github.svg';
 import githubActions from 'sentry-logos/logo-github-actions.svg';
 import githubEnterprise from 'sentry-logos/logo-github-enterprise.svg';
 import gitlab from 'sentry-logos/logo-gitlab.svg';
+import grafana from 'sentry-logos/logo-grafana.svg';
 import heroku from 'sentry-logos/logo-heroku.svg';
+import insightfinder from 'sentry-logos/logo-insight-finder.svg';
 import jira from 'sentry-logos/logo-jira.svg';
 import jiraserver from 'sentry-logos/logo-jira-server.svg';
 import komodor from 'sentry-logos/logo-komodor.svg';
@@ -86,7 +88,9 @@ export const ICON_PATHS = {
   github_actions: githubActions,
   github_enterprise: githubEnterprise,
   gitlab,
+  grafana,
   heroku,
+  insight_finder: insightfinder,
   jira,
   jira_server: jiraserver,
   komodor,

static/app/views/organizationIntegrations/constants.tsx

@@ -61,6 +61,8 @@ export const POPULARITY_WEIGHT: {
   rocketchat: 8,
   bitbucket_pipelines: 8,
   github_actions: 8,
+  grafana: 10,
+  insight_finder: 8,
   octohook: 8,
 } as const;
 
@@ -234,6 +236,46 @@ export const documentIntegrationList: DocumentIntegration[] = [
       },
     ],
   },
+  {
+    slug: 'grafana',
+    name: 'Grafana',
+    author: 'Grafana',
+    docUrl: 'https://grafana.com/grafana/plugins/grafana-sentry-datasource/',
+    description:
+      'The Sentry Grafana data source plugin allows you to query and visualize Sentry data within Grafana.',
+    features: [
+      {
+        featureGate: 'visualization',
+        description: 'Query and visualize Sentry data in Grafana',
+      },
+    ],
+    resourceLinks: [
+      {
+        title: 'Documentation',
+        url: 'https://grafana.com/grafana/plugins/grafana-sentry-datasource/',
+      },
+    ],
+  },
+  {
+    slug: 'insight_finder',
+    name: 'Insight Finder',
+    author: 'Insight Finder',
+    docUrl: 'https://insightfinder.com/insightfinder-sentry-integration/',
+    description:
+      'InsightFinder ingests the errors that Sentry detects through its standard APIs and analyzes them using its patented, unsupervised, neural network algorithms. InsightFinder prioritizes those errors and provides context so anomalous events can be resolved before business is impacted.',
+    features: [
+      {
+        featureGate: 'webhook',
+        description: 'Forward Sentry events to Insight Finder.',
+      },
+    ],
+    resourceLinks: [
+      {
+        title: 'Documentation',
+        url: 'https://insightfinder.com/insightfinder-sentry-integration/',
+      },
+    ],
+  },
   {
     slug: 'octohook',
     name: 'Octohook',

tests/js/spec/views/organizationIntegrations/integrationListDirectory.spec.jsx

@@ -48,18 +48,20 @@ describe('IntegrationListDirectory', function () {
     it('shows installed integrations at the top in order of weight', async function () {
       expect(wrapper.find('SearchBar').exists()).toBeTruthy();
       expect(wrapper.find('PanelBody').exists()).toBeTruthy();
-      expect(wrapper.find('IntegrationRow')).toHaveLength(14);
+      expect(wrapper.find('IntegrationRow')).toHaveLength(16);
 
       [
         'bitbucket',
         'pagerduty',
         'my-headband-washer-289499',
+        'grafana',
         'clickup',
         'asayer',
         'bitbucket_pipelines',
         'datadog',
         'fullstory',
         'github_actions',
+        'insight_finder',
         'netlify',
         'octohook',
         'rocketchat',