sentry/static/app/components/sentryAppIcon.tsx

import React from 'react';

import {
  IconClickup,
  IconClubhouse,
  IconGeneric,
  IconKomodor,
  IconLinear,
  IconRookout,
  IconSpikesh,
  IconTeamwork,
  IconZepel,
} from 'app/icons';
import {SentryAppComponent} from 'app/types';

type Props = {
  slug: SentryAppComponent['sentryApp']['slug'];
};

const SentryAppIcon = ({slug}: Props) => {
  switch (slug) {
    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 'spikesh':
      return <IconSpikesh size="md" />;
    case 'teamwork':
      return <IconTeamwork size="md" />;
    case 'zepel':
      return <IconZepel size="md" />;
    default:
      return <IconGeneric size="md" />;
  }
};

export {SentryAppIcon};