calendar/packages/features/routing-trace/components/DomainIcon.tsx

import { Icon } from "@calcom/ui/components/icon";

import { ROUTING_TRACE_DOMAINS } from "../constants";

import type { IconName } from "@calcom/ui/components/icon";

const DOMAIN_ICONS: Record<string, { type: "icon"; name: IconName } | { type: "img"; src: string; alt: string }> = {
  [ROUTING_TRACE_DOMAINS.SALESFORCE]: { type: "img", src: "/app-store/salesforce/icon.png", alt: "Salesforce" },
  [ROUTING_TRACE_DOMAINS.ROUTING_FORM]: { type: "icon", name: "file-text" },
};

const DEFAULT_ICON: IconName = "shuffle";

export function DomainIcon({ domain }: { domain: string }) {
  const config = DOMAIN_ICONS[domain];

  if (config?.type === "img") {
    return <img src={config.src} alt={config.alt} className="h-4 w-4" />;
  }

  return (
    <Icon
      name={config?.type === "icon" ? config.name : DEFAULT_ICON}
      className="text-subtle h-4 w-4"
    />
  );
}