From c97c96a30c50db7735f06c6d2d2f6193fb7da55e Mon Sep 17 00:00:00 2001
From: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
Date: Wed, 3 Feb 2021 18:42:24 -0500
Subject: [PATCH] fix(frontend): fix possible division by zero in download
 status (#839)

---
 src/components/DownloadBlock/index.tsx | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/DownloadBlock/index.tsx b/src/components/DownloadBlock/index.tsx
index 42deaad14..7799ac346 100644
--- a/src/components/DownloadBlock/index.tsx
+++ b/src/components/DownloadBlock/index.tsx
@@ -21,20 +21,26 @@ const DownloadBlock: React.FC<DownloadBlockProps> = ({
         <div
           className="h-8 transition-all duration-200 ease-in-out bg-indigo-600"
           style={{
-            width: `${Math.round(
-              ((downloadItem.size - downloadItem.sizeLeft) /
-                downloadItem.size) *
-                100
-            )}%`,
+            width: `${
+              downloadItem.size
+                ? Math.round(
+                    ((downloadItem.size - downloadItem.sizeLeft) /
+                      downloadItem.size) *
+                      100
+                  )
+                : 0
+            }%`,
           }}
         />
         <div className="absolute inset-0 flex items-center justify-center w-full h-6 text-xs">
           <span>
-            {Math.round(
-              ((downloadItem.size - downloadItem.sizeLeft) /
-                downloadItem.size) *
-                100
-            )}
+            {downloadItem.size
+              ? Math.round(
+                  ((downloadItem.size - downloadItem.sizeLeft) /
+                    downloadItem.size) *
+                    100
+                )
+              : 0}
             %
           </span>
         </div>