From c964086f7b5de9350be17f37062fda5e1bfc6629 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Thu, 24 Mar 2022 09:38:17 +0100
Subject: [PATCH] feat(dashboard-v2): use true reported bandwidth values

---
 packages/dashboard-v2/src/pages/upgrade.js | 26 ++++++++++++----------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/packages/dashboard-v2/src/pages/upgrade.js b/packages/dashboard-v2/src/pages/upgrade.js
index 49dac826..894c8273 100644
--- a/packages/dashboard-v2/src/pages/upgrade.js
+++ b/packages/dashboard-v2/src/pages/upgrade.js
@@ -59,7 +59,7 @@ const Price = ({ price }) => (
   </div>
 );
 
-const bandwidth = (value) => parseFloat(bytes(value, { bits: true, binary: true }));
+const bandwidth = (value) => `${bytes(value, { bits: true })}/s`;
 
 const storage = (value) => bytes(value, { binary: true });
 
@@ -71,7 +71,7 @@ const PlansSlider = () => {
 
   if (userError || plansError) {
     return (
-      <div className="flex items-center justify-center text-error">
+      <div className="flex flex-col items-center justify-center">
         <h3>Oooops!</h3>
         <p>Something went wrong, please try again later.</p>
       </div>
@@ -99,16 +99,18 @@ const PlansSlider = () => {
                     {!isHigherThanCurrent && !isCurrent && "Choose"}
                   </Button>
                 </div>
-                <ul className="-ml-2">
-                  <PlanSummaryItem>
-                    Pin up to {storage(plan.limits.storageLimit)} of censorship-resistant storage
-                  </PlanSummaryItem>
-                  <PlanSummaryItem>
-                    Support for up to {localizedNumber(plan.limits.maxNumberUploads)} files
-                  </PlanSummaryItem>
-                  <PlanSummaryItem>{bandwidth(plan.limits.uploadBandwidth)} mbps upload bandwidth</PlanSummaryItem>
-                  <PlanSummaryItem>{bandwidth(plan.limits.downloadBandwidth)} mbps download bandwidth</PlanSummaryItem>
-                </ul>
+                {plan.limits && (
+                  <ul className="-ml-2">
+                    <PlanSummaryItem>
+                      Pin up to {storage(plan.limits.storageLimit)} of censorship-resistant storage
+                    </PlanSummaryItem>
+                    <PlanSummaryItem>
+                      Support for up to {localizedNumber(plan.limits.maxNumberUploads)} files
+                    </PlanSummaryItem>
+                    <PlanSummaryItem>{bandwidth(plan.limits.uploadBandwidth)} upload bandwidth</PlanSummaryItem>
+                    <PlanSummaryItem>{bandwidth(plan.limits.downloadBandwidth)} download bandwidth</PlanSummaryItem>
+                  </ul>
+                )}
               </Panel>
             );
           })}