display event icon if the intent is publish (#2381)

Author: soujay

src/Frontend/src/components/messages2/SagaDiagram/SagaDiagramParser.ts

@@ -15,6 +15,7 @@ export interface InitiatingMessageViewModel {
   MessageType: string;
   IsSagaTimeoutMessage: boolean;
   FormattedMessageTimestamp: string;
+  IsEventMessage: boolean;
   MessageData: SagaMessageDataItem[];
 }
 export interface SagaTimeoutMessageViewModel extends SagaMessageViewModel {
@@ -117,6 +118,7 @@ export function parseSagaUpdates(sagaHistory: SagaHistory | null, messagesData:
           MessageType: typeToName(update.initiating_message?.message_type || "Unknown Message") || "",
           FormattedMessageTimestamp: `${initiatingMessageTimestamp.toLocaleDateString()} ${initiatingMessageTimestamp.toLocaleTimeString()}`,
           MessageData: initiatingMessageData,
+          IsEventMessage: update.initiating_message?.intent === "Publish",
           IsSagaTimeoutMessage: update.initiating_message?.is_saga_timeout_message || false,
         },
         HasTimeout: hasTimeout,

src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue

@@ -13,6 +13,7 @@ import CommandIcon from "@/assets/command.svg";
 import SagaInitiatedIcon from "@/assets/SagaInitiatedIcon.svg";
 import SagaUpdatedIcon from "@/assets/SagaUpdatedIcon.svg";
 import TimeoutIcon from "@/assets/timeout.svg";
+import EventIcon from "@/assets/event.svg";
 import SagaTimeoutIcon from "@/assets/SagaTimeoutIcon.svg";
 
 // Define types for JSON values and properties
@@ -137,7 +138,7 @@ const hasStateChanges = computed(() => {
           }"
           :data-message-id="update.InitiatingMessage.IsSagaTimeoutMessage ? update.MessageId : ''"
         >
-          <img class="saga-icon saga-icon--side-cell" :src="update.InitiatingMessage.IsSagaTimeoutMessage ? TimeoutIcon : CommandIcon" alt="" />
+          <img class="saga-icon saga-icon--side-cell" :src="update.InitiatingMessage.IsSagaTimeoutMessage ? TimeoutIcon : update.InitiatingMessage.IsEventMessage ? EventIcon : CommandIcon" alt="" />
           <h2 class="message-title" aria-label="initiating message type">{{ update.InitiatingMessage.MessageType }}</h2>
           <div class="timestamp" aria-label="initiating message timestamp">{{ update.InitiatingMessage.FormattedMessageTimestamp }}</div>
         </div>