From aa1911cfcd6e79290ef3d60b0f67a6cf6129612b Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 29 Oct 2021 10:09:37 -0700
Subject: [PATCH] Adds image tag and fixes #1582

---
 assets/components/ContainerTitle.vue | 6 ++++--
 assets/components/LogContainer.vue   | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/assets/components/ContainerTitle.vue b/assets/components/ContainerTitle.vue
index 9cba7e92..76e0024f 100644
--- a/assets/components/ContainerTitle.vue
+++ b/assets/components/ContainerTitle.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="columns is-marginless has-text-weight-bold is-family-monospace">
-    <span class="column is-ellipsis">{{ value }}</span>
+    <span class="column is-ellipsis"
+      >{{ container.name }} <span class="tag is-dark">{{ container.image }}</span></span
+    >
   </div>
 </template>
 
 <script>
 export default {
   props: {
-    value: String,
+    container: Object,
   },
   name: "ContainerTitle",
 };
diff --git a/assets/components/LogContainer.vue b/assets/components/LogContainer.vue
index 1368fb84..852cae74 100644
--- a/assets/components/LogContainer.vue
+++ b/assets/components/LogContainer.vue
@@ -3,7 +3,7 @@
     <template v-slot:header v-if="showTitle">
       <div class="mr-0 columns is-vcentered is-hidden-mobile">
         <div class="column is-clipped">
-          <container-title :value="container.name" @close="$emit('close')"></container-title>
+          <container-title :container="container" @close="$emit('close')"></container-title>
         </div>
         <div class="column is-clipped">
           <container-stat :stat="container.stat" :state="container.state"></container-stat>