fix(icon): replaced Clubhouse logo (#28612)

* fix(icon): replaced clubhouse icon with shortcut

* replaced clubhouse with shortcut pluginicon

* fixed icon and renamed files

* fixing clubhouse icon

* fixed shortcut integration icon

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

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path d="M5.81 59.54a5.81 5.81 0 105.8 5.81 5.82 5.82 0 00-5.8-5.81zM77.28 8.85L40.72 20.51V9L1.31 21.57V55l34-10.86V55.6L80 41.35 67.89 29.51zm-42 29.55L6.75 47.51v-22l28.56-9.11zm34.58.48l-29.17 9.3V26.24l26.86-8.59-6.16 13z" fill="#6515dd"/></svg>
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path d="M80 20C80 8.952 71.048 0 60 0H20A19.916 19.916 0 0 0 5.86 5.86c-7.81 7.81-7.81 20.47 0 28.28l7.123 7.123C5.399 44.112 0 51.429 0 60c0 11.048 8.952 20 20 20h40c5.115 0 10.239-1.95 14.14-5.86 7.81-7.81 7.81-20.47 0-28.28l-7.123-7.123C74.601 35.897 80 28.58 80 20ZM11.348 68.66a12.146 12.146 0 0 1-3.586-8.652c0-3.27 1.27-6.346 3.586-8.652a12.168 12.168 0 0 1 8.142-3.578l24.468 24.468H20a12.214 12.214 0 0 1-8.652-3.585Zm57.304-17.312A12.146 12.146 0 0 1 72.238 60c0 3.27-1.27 6.346-3.586 8.652A12.146 12.146 0 0 1 60 72.238c-3.27 0-6.346-1.27-8.652-3.586l-40-39.992a12.146 12.146 0 0 1-3.586-8.652c0-3.27 1.27-6.345 3.586-8.652A12.146 12.146 0 0 1 20 7.77c3.27 0 6.346 1.27 8.652 3.586l40 39.992Zm0-22.688a12.168 12.168 0 0 1-8.142 3.578L36.042 7.762H60c3.27 0 6.346 1.27 8.652 3.586A12.146 12.146 0 0 1 72.238 20c0 3.27-1.27 6.346-3.586 8.66Z" fill="#58B1E4"/></svg>

static/app/components/sentryAppIcon.tsx

@@ -1,11 +1,11 @@
 import {
   IconCalixa,
   IconClickup,
-  IconClubhouse,
   IconGeneric,
   IconKomodor,
   IconLinear,
   IconRookout,
+  IconShortcut,
   IconSpikesh,
   IconTeamwork,
   IconZepel,
@@ -22,14 +22,14 @@ const SentryAppIcon = ({slug}: Props) => {
       return <IconCalixa size="md" />;
     case 'clickup':
       return <IconClickup size="md" />;
-    case 'clubhouse':
-      return <IconClubhouse size="md" />;
     case 'komodor':
       return <IconKomodor size="md" />;
     case 'linear':
       return <IconLinear size="md" />;
     case 'rookout':
       return <IconRookout size="md" />;
+    case 'shortcut':
+      return <IconShortcut size="md" />;
     case 'spikesh':
       return <IconSpikesh size="md" />;
     case 'teamwork':

static/app/icons/iconClubhouse.tsx

@@ -1,21 +0,0 @@
-import * as React from 'react';
-
-import SvgIcon from './svgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const IconClubhouse = React.forwardRef(function IconClubhouse(
-  props: Props,
-  ref: React.Ref<SVGSVGElement>
-) {
-  return (
-    <SvgIcon {...props} ref={ref}>
-      <path d="M1.19,11.89a1.16,1.16,0,1,0,1.15,1.16A1.16,1.16,0,0,0,1.19,11.89Z" />
-      <path d="M15.43,1.79,8.14,4.12V1.82L.29,4.33V11L7.06,8.82v2.29L16,8.27,13.56,5.91ZM7.06,7.68,1.38,9.5V5.12L7.06,3.3Zm6.89.1L8.14,9.63V5.26L13.5,3.55,12.27,6.14Z" />
-    </SvgIcon>
-  );
-});
-
-IconClubhouse.displayName = 'IconClubhouse';
-
-export {IconClubhouse};

static/app/icons/iconShortcut.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+import SvgIcon from './svgIcon';
+
+type Props = React.ComponentProps<typeof SvgIcon>;
+
+const IconShortcut = React.forwardRef(function IconShortcut(
+  props: Props,
+  ref: React.Ref<SVGSVGElement>
+) {
+  return (
+    <SvgIcon {...props} ref={ref}>
+      <g>
+        <path
+          d="M16 4.00001C16 1.79041 14.2096 4.68664e-06 12 4.68664e-06H4C3.47462 -0.00080122 2.95427 0.102338 2.46891 0.303481C1.98356 0.504625 1.5428 0.799799 1.172 1.17201C-0.39 2.73401 -0.39 5.26601 1.172 6.82801L2.5966 8.25261C1.0798 8.82241 0 10.2858 0 12C0 14.2096 1.7904 16 4 16H12C13.023 16 14.0478 15.61 14.828 14.828C16.39 13.266 16.39 10.734 14.828 9.17201L13.4034 7.74741C14.9202 7.17941 16 5.71601 16 4.00001ZM2.2696 13.732C2.04148 13.5054 1.86062 13.2358 1.73751 12.9387C1.61439 12.6417 1.55147 12.3232 1.5524 12.0016C1.5524 11.3476 1.8064 10.7324 2.2696 10.2712C2.70266 9.83575 3.28435 9.58013 3.898 9.55561L8.7916 14.4492H4C3.67858 14.4494 3.36028 14.3862 3.06335 14.2632C2.76641 14.1401 2.49668 13.9597 2.2696 13.7322V13.732ZM13.7304 10.2696C13.9585 10.4962 14.1394 10.7659 14.2625 11.0629C14.3856 11.3599 14.4485 11.6785 14.4476 12C14.4476 12.654 14.1936 13.2692 13.7304 13.7304C13.5038 13.9585 13.2341 14.1394 12.9371 14.2625C12.6401 14.3856 12.3215 14.4485 12 14.4476C11.346 14.4476 10.7308 14.1936 10.2696 13.7304L2.2696 5.73201C2.04148 5.5054 1.86062 5.23576 1.73751 4.93871C1.61439 4.64167 1.55147 4.32315 1.5524 4.00161C1.5524 3.34761 1.8064 2.73261 2.2696 2.27121C2.49621 2.04309 2.76585 1.86223 3.06289 1.73911C3.35993 1.616 3.67846 1.55308 4 1.55401C4.654 1.55401 5.2692 1.80801 5.7304 2.27121L13.7304 10.2696ZM13.7304 5.73201C13.2973 6.16747 12.7156 6.42309 12.102 6.44761L7.2084 1.55241H12C12.654 1.55241 13.2692 1.80641 13.7304 2.26961C13.9585 2.49621 14.1394 2.76586 14.2625 3.0629C14.3856 3.35994 14.4485 3.67846 14.4476 4.00001C14.4476 4.65401 14.1936 5.26921 13.7304 5.73201Z"
+          fill="black"
+        />
+      </g>
+    </SvgIcon>
+  );
+});
+
+IconShortcut.displayName = 'IconShortcut';
+
+export {IconShortcut};

static/app/icons/index.tsx

@@ -18,7 +18,6 @@ export {IconCircle} from './iconCircle';
 export {IconClickup} from './iconClickup';
 export {IconClock} from './iconClock';
 export {IconClose} from './iconClose';
-export {IconClubhouse} from './iconClubhouse';
 export {IconCommit} from './iconCommit';
 export {IconCopy} from './iconCopy';
 export {IconDashboard} from './iconDashboard';
@@ -76,6 +75,7 @@ export {IconRookout} from './iconRookout';
 export {IconSearch} from './iconSearch';
 export {IconSentry} from './iconSentry';
 export {IconSettings} from './iconSettings';
+export {IconShortcut} from './iconShortcut';
 export {IconShow} from './iconShow';
 export {IconSiren} from './iconSiren';
 export {IconSliders} from './iconSliders';

static/app/plugins/components/pluginIcon.tsx

@@ -102,6 +102,7 @@ export const ICON_PATHS = {
   rocketchat,
   rookout,
   segment,
+  shortcut: clubhouse,
   slack,
   spikesh,
   split,

static/app/types/index.tsx

@@ -1624,10 +1624,10 @@ export type SentryAppComponent = {
     slug:
       | 'calixa'
       | 'clickup'
-      | 'clubhouse'
       | 'komodor'
       | 'linear'
       | 'rookout'
+      | 'shortcut'
       | 'spikesh'
       | 'teamwork'
       | 'zepel';