From b05446fc88cbeaf92bb50187f645c9ca87e29a0d Mon Sep 17 00:00:00 2001
From: Jayanthi <jayanthi.sourirajan@particular.net>
Date: Thu, 1 May 2025 19:23:42 -0700
Subject: [PATCH] display event icon if the intent is publish

---
 .../src/components/messages2/SagaDiagram/SagaDiagramParser.ts  | 2 ++
 .../src/components/messages2/SagaDiagram/SagaUpdateNode.vue    | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/Frontend/src/components/messages2/SagaDiagram/SagaDiagramParser.ts b/src/Frontend/src/components/messages2/SagaDiagram/SagaDiagramParser.ts
index 1a6a451fe..f1854f13e 100644
--- a/src/Frontend/src/components/messages2/SagaDiagram/SagaDiagramParser.ts
+++ b/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,
diff --git a/src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue b/src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue
index 43bc9cb29..c825df13f 100644
--- a/src/Frontend/src/components/messages2/SagaDiagram/SagaUpdateNode.vue
+++ b/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>