diff --git a/src/Frontend/src/components/messages2/MessageView.vue b/src/Frontend/src/components/messages2/MessageView.vue index bc2ca7462..5a1eea08a 100644 --- a/src/Frontend/src/components/messages2/MessageView.vue +++ b/src/Frontend/src/components/messages2/MessageView.vue @@ -31,6 +31,9 @@ const isMassTransitConnected = useIsMassTransitConnected(); const store = useMessageStore(); const { state } = storeToRefs(store); const backLink = ref({ path: routeLinks.failedMessage.failedMessages.link }); + +const hasParticipatedInSaga = computed(() => store.state.data.invoked_saga?.has_saga); + const tabs = computed(() => { const currentTabs = [ { @@ -59,10 +62,13 @@ const tabs = computed(() => { text: "Sequence Diagram", component: SequenceDiagram, }); - currentTabs.push({ - text: "Saga Diagram", - component: SagaDiagram, - }); + // Add the "Saga Diagram" tab only if the saga has been participated in + if (hasParticipatedInSaga?.value) { + currentTabs.push({ + text: "Saga Diagram", + component: SagaDiagram, + }); + } } return currentTabs;