From 36cc93daccdf61548b49f0072bbb77a8ef45a0ea Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sat, 20 Nov 2021 19:58:49 -0800
Subject: [PATCH] Fixes types for stat

---
 assets/components/ContainerStat.vue | 8 +++++++-
 assets/components/LogContainer.vue  | 8 ++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/assets/components/ContainerStat.vue b/assets/components/ContainerStat.vue
index 17b14987..c525689a 100644
--- a/assets/components/ContainerStat.vue
+++ b/assets/components/ContainerStat.vue
@@ -18,8 +18,14 @@
 </template>
 
 <script lang="ts" setup>
+import { ContainerStat } from "@/types/Container";
+import { PropType } from "vue";
+
 defineProps({
-  stat: Object,
+  stat: {
+    type: Object as PropType<ContainerStat>,
+    required: true,
+  },
   state: String,
 });
 function formatBytes(bytes: number, decimals = 2) {
diff --git a/assets/components/LogContainer.vue b/assets/components/LogContainer.vue
index 854d2e4f..d1adabd5 100644
--- a/assets/components/LogContainer.vue
+++ b/assets/components/LogContainer.vue
@@ -3,14 +3,14 @@
     <template v-slot:header v-if="showTitle">
       <div class="mr-0 columns is-vcentered is-marginless is-hidden-mobile">
         <div class="column is-clipped is-paddingless">
-          <container-title :container="container" @close="$emit('close')"></container-title>
+          <container-title :container="container" @close="$emit('close')" />
         </div>
         <div class="column is-narrow is-paddingless">
-          <container-stat :stat="container.stat" :state="container.state"></container-stat>
+          <container-stat :stat="container.stat" :state="container.state" v-if="container.stat" />
         </div>
 
         <div class="mr-2 column is-narrow is-paddingless">
-          <log-actions-toolbar :container="container" :onClearClicked="onClearClicked"></log-actions-toolbar>
+          <log-actions-toolbar :container="container" :onClearClicked="onClearClicked" />
         </div>
         <div class="mr-2 column is-narrow is-paddingless" v-if="closable">
           <button class="delete is-medium" @click="emit('close')"></button>
@@ -18,7 +18,7 @@
       </div>
     </template>
     <template v-slot="{ setLoading }">
-      <log-viewer-with-source ref="viewer" :id="id" @loading-more="setLoading($event)"></log-viewer-with-source>
+      <log-viewer-with-source ref="viewer" :id="id" @loading-more="setLoading($event)" />
     </template>
   </scrollable-view>
 </template>