feat(sentry-apps): Add Komodor to Integration Directory (#25740)

Objective:
Adds the weights for Komodor and their logo to the Integration Directory

src/sentry/static/sentry/images/logos/logo-komodor.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path d="M.09 19l7.13-7.37H73l7.14 7.34v42.1L73 68.41H7.22L.09 61.07zm11.79.65l-2.79 2.77v35.21l2.79 2.81h56.5l2.68-2.81V22.42l-2.68-2.81z" fill="#1347ff"/><path d="M50.07 47.46c3.7 0 6.71-4.34 6.71-9.7s-3-9.7-6.71-9.7-6.72 4.35-6.72 9.7 3.01 9.7 6.72 9.7zM30.1 47.46c3.71 0 6.72-4.34 6.72-9.7s-3-9.7-6.72-9.7-6.71 4.35-6.71 9.7 3.01 9.7 6.71 9.7z" fill="#1347ff"/></svg>

static/app/components/sentryAppIcon.tsx

@@ -4,6 +4,7 @@ import {
   IconClickup,
   IconClubhouse,
   IconGeneric,
+  IconKomodor,
   IconLinear,
   IconRookout,
   IconSpikesh,
@@ -22,6 +23,8 @@ const SentryAppIcon = ({slug}: Props) => {
       return <IconClickup size="md" />;
     case 'clubhouse':
       return <IconClubhouse size="md" />;
+    case 'komodor':
+      return <IconKomodor size="md" />;
     case 'linear':
       return <IconLinear size="md" />;
     case 'rookout':

static/app/icons/iconKomodor.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import SvgIcon from './svgIcon';
+
+type Props = React.ComponentProps<typeof SvgIcon>;
+
+const IconKomodor = React.forwardRef(function IconKomodor(
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) {
+  return (
+    <SvgIcon {...props} ref={ref}>
+      <path
+        d="M.09 19l7.13-7.37H73l7.14 7.34v42.1L73 68.41H7.22L.09 61.07zm11.79.65l-2.79 2.77v35.21l2.79 2.81h56.5l2.68-2.81V22.42l-2.68-2.81z"
+        fill="#1347ff"
+      />
+      <path
+        d="M50.07 47.46c3.7 0 6.71-4.34 6.71-9.7s-3-9.7-6.71-9.7-6.72 4.35-6.72 9.7 3.01 9.7 6.72 9.7zM30.1 47.46c3.71 0 6.72-4.34 6.72-9.7s-3-9.7-6.72-9.7-6.71 4.35-6.71 9.7 3.01 9.7 6.71 9.7z"
+        fill="#1347ff"
+      />
+    </SvgIcon>
+  );
+});
+
+IconKomodor.displayName = 'IconKomodor';
+
+export {IconKomodor};

static/app/icons/index.tsx

@@ -44,6 +44,7 @@ export {IconInfo} from './iconInfo';
 export {IconInput} from './iconInput';
 export {IconIssues} from './iconIssues';
 export {IconJira} from './iconJira';
+export {IconKomodor} from './iconKomodor';
 export {IconLab} from './iconLab';
 export {IconLaptop} from './iconLaptop';
 export {IconLightning} from './iconLightning';

static/app/plugins/components/pluginIcon.tsx

@@ -20,6 +20,7 @@ import gitlab from 'sentry-logos/logo-gitlab.svg';
 import heroku from 'sentry-logos/logo-heroku.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';
 import lighthouse from 'sentry-logos/logo-lighthouse.svg';
 import linear from 'sentry-logos/logo-linear.svg';
 import msteams from 'sentry-logos/logo-msteams.svg';
@@ -85,6 +86,7 @@ export const ICON_PATHS = {
   'jira-atlassian-connect': jira,
   'jira-ac': jira,
   jira_server: jiraserver,
+  komodor,
   lighthouse,
   linear,
   msteams,

static/app/types/index.tsx

@@ -1501,6 +1501,7 @@ export type SentryAppComponent = {
     slug:
       | 'clickup'
       | 'clubhouse'
+      | 'komodor'
       | 'linear'
       | 'rookout'
       | 'spikesh'

static/app/views/organizationIntegrations/constants.tsx

@@ -38,6 +38,7 @@ export const POPULARITY_WEIGHT: {
   amixr: 9,
   clickup: 9,
   clubhouse: 9,
+  komodor: 9,
   linear: 9,
   quill: 9,
   rookout: 9,