From 569c639cd57dc4f3966cfcb4e73ddb564c3027ec Mon Sep 17 00:00:00 2001
From: Clement Sam <clementsam75@gmail.com>
Date: Thu, 4 May 2023 10:29:28 +0000
Subject: [PATCH] web/storagenode: hide payout rates when no specific satellite
 is selected

We should not display payout rates when "All Satellites" option is
selected since some of the satellites may have different payout
rates.

Updates https://github.com/storj/storj-private/issues/245

Change-Id: I66cadf85aa8b57681ffbeac75c4ad97f8b057676
---
 .../components/payments/EstimationArea.vue    |  4 +--
 .../__snapshots__/EstimationArea.spec.ts.snap | 32 +++++++++----------
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/web/storagenode/src/app/components/payments/EstimationArea.vue b/web/storagenode/src/app/components/payments/EstimationArea.vue
index c06950de2..86cfb10d3 100644
--- a/web/storagenode/src/app/components/payments/EstimationArea.vue
+++ b/web/storagenode/src/app/components/payments/EstimationArea.vue
@@ -36,7 +36,7 @@
                     <p class="estimation-table-container__labels-area__text">Type</p>
                 </div>
                 <div class="column justify-start column-3">
-                    <p class="estimation-table-container__labels-area__text">Price</p>
+                    <p v-if="isSatelliteSelected" class="estimation-table-container__labels-area__text">Price</p>
                 </div>
                 <div class="column justify-start column-4">
                     <p class="estimation-table-container__labels-area__text">Disk</p>
@@ -56,7 +56,7 @@
                     <p class="estimation-table-container__info-area__text">{{ item.type }}</p>
                 </div>
                 <div class="column justify-start column-3">
-                    <p class="estimation-table-container__info-area__text">{{ item.price }}</p>
+                    <p v-if="isSatelliteSelected" class="estimation-table-container__info-area__text">{{ item.price }}</p>
                 </div>
                 <div class="column justify-start column-4">
                     <p class="estimation-table-container__info-area__text">{{ item.disk }}</p>
diff --git a/web/storagenode/tests/unit/components/payments/__snapshots__/EstimationArea.spec.ts.snap b/web/storagenode/tests/unit/components/payments/__snapshots__/EstimationArea.spec.ts.snap
index 4400a30cf..290e3bfed 100644
--- a/web/storagenode/tests/unit/components/payments/__snapshots__/EstimationArea.spec.ts.snap
+++ b/web/storagenode/tests/unit/components/payments/__snapshots__/EstimationArea.spec.ts.snap
@@ -25,7 +25,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__labels-area__text">Type</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__labels-area__text">Price</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__labels-area__text">Disk</p>
@@ -45,7 +45,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$20 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -65,7 +65,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$10 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -85,7 +85,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__info-area__text">Storage</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$1.5 / TBm</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">500MBm</p>
@@ -163,7 +163,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__labels-area__text">Type</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__labels-area__text">Price</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__labels-area__text">Disk</p>
@@ -183,7 +183,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$20 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -203,7 +203,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$10 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -223,7 +223,7 @@ exports[`EstimationArea renders correctly with actual values and current period
         <p class="estimation-table-container__info-area__text">Storage</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$1.5 / TBm</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">50MBm</p>
@@ -309,7 +309,7 @@ exports[`EstimationArea renders correctly with actual values and historical peri
         <p class="estimation-table-container__labels-area__text">Type</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__labels-area__text">Price</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__labels-area__text">Disk</p>
@@ -329,7 +329,7 @@ exports[`EstimationArea renders correctly with actual values and historical peri
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$20 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -349,7 +349,7 @@ exports[`EstimationArea renders correctly with actual values and historical peri
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$10 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -369,7 +369,7 @@ exports[`EstimationArea renders correctly with actual values and historical peri
         <p class="estimation-table-container__info-area__text">Storage</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$1.5 / TBm</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">0Bm</p>
@@ -489,7 +489,7 @@ exports[`EstimationArea renders correctly with actual values and previous period
         <p class="estimation-table-container__labels-area__text">Type</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__labels-area__text">Price</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__labels-area__text">Disk</p>
@@ -509,7 +509,7 @@ exports[`EstimationArea renders correctly with actual values and previous period
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$20 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -529,7 +529,7 @@ exports[`EstimationArea renders correctly with actual values and previous period
         <p class="estimation-table-container__info-area__text">Egress</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$10 / TB</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">--</p>
@@ -549,7 +549,7 @@ exports[`EstimationArea renders correctly with actual values and previous period
         <p class="estimation-table-container__info-area__text">Storage</p>
       </div>
       <div class="column justify-start column-3">
-        <p class="estimation-table-container__info-area__text">$1.5 / TBm</p>
+        <!---->
       </div>
       <div class="column justify-start column-4">
         <p class="estimation-table-container__info-area__text">500MBm</p>