From b691ea031d08e499828b87765c12fb6b5ad7b331 Mon Sep 17 00:00:00 2001
From: MrCoder <eagle.xiao@gmail.com>
Date: Mon, 16 Dec 2024 18:33:14 +1100
Subject: [PATCH] fix(components): adjust message layer and update default
 theme

- Remove unnecessary v-if directive in MessageLayer component
- Update logic for determining the origin of messages
- Change default theme to 'theme-default' in index.html
---
 index.html                                                     | 2 +-
 .../DiagramFrame/SeqDiagram/MessageLayer/MessageLayer.vue      | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index eba70b69b..d270b2203 100644
--- a/index.html
+++ b/index.html
@@ -115,7 +115,7 @@
               timer = setTimeout(() => {
                 const theme =
                   localStorage.getItem(`${location.hostname}-zenuml-theme`) ||
-                  "theme-idle-afternoon";
+                  "theme-default";
                 window.zenUml
                   .render(cm.getValue(), {
                     theme,
diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLayer.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLayer.vue
index 8f6b19234..0390eccb8 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLayer.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLayer.vue
@@ -3,7 +3,6 @@ TODO: we may need to consider the width of self message on right most participan
 <template>
   <div class="message-layer relative z-30 pt-24 pb-10">
     <block
-      v-if="!!origin"
       :context="context"
       :style="{ 'padding-left': paddingLeft + 'px' }"
       :origin="origin"
@@ -35,7 +34,7 @@ const paddingLeft = computed(() => {
 
 const origin = computed(() => {
   const ownableMessages = AllMessages(rootContext.value);
-  if (ownableMessages.length === 0) return null;
+  if (ownableMessages.length === 0) return _STARTER_;
   return ownableMessages[0].from || _STARTER_;
 });