import { WorkflowActions, WorkflowStep } from "@prisma/client";
import { classNames } from "@calcom/lib";
import { FiZap, FiSmartphone, FiMail, FiBell } from "@calcom/ui/components/icon";
export function getActionIcon(steps: WorkflowStep[], className?: string): JSX.Element {
if (steps.length === 0) {
return (
<FiZap 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) {
<FiSmartphone
className={classNames(className ? className : "mr-1.5 inline h-3 w-3")}
aria-hidden="true"
/>
} else {
<FiMail 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":
<FiMail
case "MIX":
<FiBell
default:
<FiZap className={classNames(className ? className : "mr-1.5 inline h-3 w-3")} aria-hidden="true" />;
return <></>;