Fix incorrect order of operations and a few other errors in ProgressD…

…isplay
IPLSplatoon · Apr 14, 2024 · 79c793c · 79c793c
1 parent 3a67cb7
commit 79c793c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/log/ProgressDisplay.vue b/src/components/log/ProgressDisplay.vue
@@ -1,6 +1,6 @@
 <template>
     <ipl-progress-bar
-        v-show="progress != null"
+        v-if="progress != null"
         :value="progress"
         :color="progressBarColor"
         background-color="primary"
@@ -34,15 +34,15 @@ export default defineComponent({
         return {
             progress: computed(() => {
                 const entry = logStore.progressEntries[props.logKey]
-                if (entry.maxStep == null) {
+                if (entry?.maxStep == null) {
                     return null
                 }
 
                 if (actionState.value != null && actionState.value !== ActionState.INCOMPLETE) {
                     return 100
                 }
 
-                return !entry ? 0 : (entry.step ?? 0 / entry.maxStep) * 100
+                return !entry ? 0 : ((entry.step ?? 0) / entry.maxStep) * 100
             }),
             progressBarColor: computed(() => {
                 switch (actionState.value) {