From 067e672d55f8ace637e1752e9d03c97e1d30236b Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Fri, 17 Jul 2020 16:32:20 +1000
Subject: [PATCH] Added map size indicator to map quality setting

---
 src/components/map/MapSettings.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/map/MapSettings.js b/src/components/map/MapSettings.js
index 1bfed32..6d0abd8 100644
--- a/src/components/map/MapSettings.js
+++ b/src/components/map/MapSettings.js
@@ -42,6 +42,17 @@ function MapSettings({
     }
   }
 
+  function getMapSize() {
+    let size = 0;
+    if (map.quality === "original") {
+      size = map.file.length;
+    } else {
+      size = map.resolutions[map.quality].file.length;
+    }
+    size /= 1000000; // Bytes to Megabytes
+    return `${size.toFixed(2)}MB`;
+  }
+
   const mapEmpty = !map || isEmpty(map);
   const mapStateEmpty = !mapState || isEmpty(mapState);
 
@@ -135,7 +146,7 @@ function MapSettings({
                 </Select>
               </Box>
               <Label sx={{ width: "50%" }} ml={2}>
-                Size: XX
+                Size: {getMapSize()}
               </Label>
             </Flex>
           )}