From 65ef1d3c68b00de994b85757f4e38c94ed25b102 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Tue, 31 Dec 2024 09:07:52 -0800
Subject: [PATCH] fix: shows container and host name correctly for events.
 (#3494)

---
 .../LogViewer/ContainerEventLogItem.vue       | 44 +++++++++----------
 assets/models/LogEntry.ts                     |  2 +-
 2 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/assets/components/LogViewer/ContainerEventLogItem.vue b/assets/components/LogViewer/ContainerEventLogItem.vue
index 22eaa5cd6ea4..20f51e21b56c 100644
--- a/assets/components/LogViewer/ContainerEventLogItem.vue
+++ b/assets/components/LogViewer/ContainerEventLogItem.vue
@@ -1,29 +1,25 @@
 <template>
-  <div class="flex w-full flex-col">
-    <div class="relative flex items-start gap-x-2">
-      <RandomColorTag class="flex-none" :value="container.name" v-if="showContainerName" />
-      <LogDate :date="logEntry.date" v-if="showTimestamp" />
-      <LogLevel class="flex" />
-      <div class="whitespace-pre-wrap" :data-event="logEntry.event" v-html="logEntry.message"></div>
+  <LogItem :logEntry>
+    <div class="whitespace-pre-wrap" :data-event="logEntry.event" v-html="logEntry.message"></div>
+  </LogItem>
+
+  <div class="alert alert-info my-4 w-auto flex-none font-sans text-[1rem] md:mx-auto md:w-1/2" v-if="followEligible">
+    <carbon:information class="size-6 shrink-0 stroke-current" />
+    <div>
+      <h3 class="text-lg font-bold">{{ $t("alert.similar-container-found.title") }}</h3>
+      {{ $t("alert.similar-container-found.message", { containerId: nextContainer.id }) }}
     </div>
-    <div class="alert alert-info mt-8 w-auto flex-none font-sans text-[1rem] md:mx-auto md:w-1/2" v-if="followEligible">
-      <carbon:information class="size-6 shrink-0 stroke-current" />
-      <div>
-        <h3 class="text-lg font-bold">{{ $t("alert.similar-container-found.title") }}</h3>
-        {{ $t("alert.similar-container-found.message", { containerId: nextContainer.id }) }}
-      </div>
-      <div>
-        <TimedButton v-if="automaticRedirect" class="btn-primary btn-sm" @finished="redirectNow()">{{
-          $t("button.cancel")
-        }}</TimedButton>
-        <router-link
-          :to="{ name: '/container/[id]', params: { id: nextContainer.id } }"
-          class="btn btn-primary btn-sm"
-          v-else
-        >
-          {{ $t("button.redirect") }}
-        </router-link>
-      </div>
+    <div>
+      <TimedButton v-if="automaticRedirect" class="btn-primary btn-sm" @finished="redirectNow()">{{
+        $t("button.cancel")
+      }}</TimedButton>
+      <router-link
+        :to="{ name: '/container/[id]', params: { id: nextContainer.id } }"
+        class="btn btn-primary btn-sm"
+        v-else
+      >
+        {{ $t("button.redirect") }}
+      </router-link>
     </div>
   </div>
 </template>
diff --git a/assets/models/LogEntry.ts b/assets/models/LogEntry.ts
index 8ee5ff1d6b0a..0bdd9e6eb0c8 100644
--- a/assets/models/LogEntry.ts
+++ b/assets/models/LogEntry.ts
@@ -135,7 +135,7 @@ export class ContainerEventLogEntry extends LogEntry<string> {
     date: Date,
     public readonly event: "container-stopped" | "container-started",
   ) {
-    super(message, containerID, date.getTime(), date, "stderr", "info");
+    super(message, containerID, date.getTime(), date, "stderr", "unknown");
   }
   getComponent(): Component {
     return ContainerEventLogItem;