From 7ea20caf247afc014fa85047c596b1b332d17a21 Mon Sep 17 00:00:00 2001
From: VilppeRiskidev <vili.manninen@riskidev.fi>
Date: Mon, 27 Jan 2025 13:56:25 +0200
Subject: [PATCH] Show failed download status unambiguously in DownloadMonitor

---
 src/pages/DownloadMonitor.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/pages/DownloadMonitor.vue b/src/pages/DownloadMonitor.vue
index c30f336f..c772d53b 100644
--- a/src/pages/DownloadMonitor.vue
+++ b/src/pages/DownloadMonitor.vue
@@ -19,18 +19,21 @@
                         <div class="border-at-bottom pad pad--sides">
                             <div class="card is-shadowless">
                                 <p><strong>{{ downloadObject.initialMods.join(", ") }}</strong></p>
-                                <p v-if="downloadObject.progress < 100">Downloading: {{ downloadObject.modName }}</p>
-                                <p>{{Math.min(Math.floor(downloadObject.progress), 100)}}% complete</p>
-                                <Progress v-if="!downloadObject.failed"
+                                <p v-if="downloadObject.failed">Downloading failed</p>
+                                <p v-else-if="downloadObject.progress < 100">Downloading: {{ downloadObject.modName }}</p>
+
+                                <p v-if="!downloadObject.failed">{{Math.min(Math.floor(downloadObject.progress), 100)}}% complete</p>
+
+                                <Progress v-if="downloadObject.failed"
+                                          :max='100'
+                                          :value='100'
+                                          :className="['is-danger']"
+                                />
+                                <Progress v-else
                                     :max='100'
                                     :value='downloadObject.progress'
                                     :className="['is-info']"
                                 />
-                                <Progress v-else-if="downloadObject.failed"
-                                    :max='100'
-                                    :value='100'
-                                    :className="['is-danger']"
-                                />
                             </div>
                         </div>
                     </div>