import type { WorkflowStep } from "@prisma/client";
import { WorkflowActions } from "@prisma/client";
import { classNames } from "@calcom/lib";
import { Zap, Smartphone, Mail, Bell } from "@calcom/ui/components/icon";
export function getActionIcon(steps: WorkflowStep[], className?: string): JSX.Element {
if (steps.length === 0) {
return <Zap className={classNames(className ? className : "mr-1.5 inline h-3 w-3")} aria-hidden="true" />;
}
if (steps.length === 1) {
if (steps[0].action === WorkflowActions.SMS_ATTENDEE || steps[0].action === WorkflowActions.SMS_NUMBER) {
return (
<Smartphone
className={classNames(className ? className : "mr-1.5 inline h-3 w-3")}
aria-hidden="true"
/>
);
} else {
<Mail className={classNames(className ? className : "mr-1.5 inline h-3 w-3")} aria-hidden="true" />
if (steps.length > 1) {
let messageType = "";
for (const step of steps) {
if (!messageType) {
messageType =
step.action === WorkflowActions.SMS_ATTENDEE || step.action === WorkflowActions.SMS_NUMBER
? "SMS"
: "EMAIL";
} else if (messageType !== "MIX") {
const newMessageType =
if (newMessageType !== messageType) {
messageType = "MIX";
break;
switch (messageType) {
case "SMS":
case "EMAIL":
case "MIX":
<Bell className={classNames(className ? className : "mr-1.5 inline h-3 w-3")} aria-hidden="true" />
default:
<Zap className={classNames(className ? className : "mr-1.5 inline h-3 w-3")} aria-hidden="true" />;
return <></>;