web/satellite: replace instances of bandwidth and download to egress

Improve consistency of UI to use the term egress instead of bandwidth
or download

Issue https://github.com/storj/storj/issues/5887

Change-Id: I898ab5d55e5ad8a2d2dd0420c8496d57bc2ecb61

web/satellite/src/components/account/billing/billingTabs/Overview.vue

@@ -25,7 +25,7 @@
                         v-if="showChargesTooltip"
                         class="total-cost__card__charges-tooltip"
                     >
-                        <span class="total-cost__card__charges-tooltip__tooltip-text">If you still have Storage and Bandwidth remaining in your free tier, you won't be charged. This information is to help you estimate what the charges would have been had you graduated to the paid tier.</span>
+                        <span class="total-cost__card__charges-tooltip__tooltip-text">If you still have Storage and Egress remaining in your free tier, you won't be charged. This information is to help you estimate what the charges would have been had you graduated to the paid tier.</span>
                     </div>
                     <p
                         class="total-cost__card__link-text"

web/satellite/src/components/modals/ChangeProjectLimitModal.vue

@@ -299,7 +299,7 @@ async function onSave(): Promise<void> {
                 await projectsStore.updateProjectBandwidthLimit(updatedProject);
 
                 analytics.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
-                notify.success('Project bandwidth limit updated successfully!');
+                notify.success('Project egress limit updated successfully!');
             } else {
                 const updatedProject = new ProjectLimits(0, 0, limit);
                 await projectsStore.updateProjectStorageLimit(updatedProject);

web/satellite/src/components/modals/LimitWarningModal.vue

@@ -7,7 +7,7 @@
             <div class="modal">
                 <Icon class="modal__icon" :class="{ warning: severity === 'warning', critical: severity === 'critical' }" />
                 <h1 class="modal__title">{{ title }}</h1>
-                <p class="modal__info">To get more {{ limitType }} limit, upgrade to a Pro Account. You will still get {{ bytesToBase10String(limits.storageUsed) }} free storage and bandwidth per month, and only pay what you use beyond that.</p>
+                <p class="modal__info">To get more {{ limitType }} limit, upgrade to a Pro Account. You will still get {{ bytesToBase10String(limits.storageUsed) }} free storage and egress per month, and only pay what you use beyond that.</p>
                 <div class="modal__buttons">
                     <VButton
                         label="Cancel"

web/satellite/src/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue

@@ -19,7 +19,7 @@
                     <div class="info-step__column__bullets">
                         <InfoBullet class="info-step__column__bullets__item" title="Projects" info="1 project" />
                         <InfoBullet class="info-step__column__bullets__item" title="Storage" info="25 GB limit" />
-                        <InfoBullet class="info-step__column__bullets__item" title="Download" info="25 GB limit" />
+                        <InfoBullet class="info-step__column__bullets__item" title="Egress" info="25 GB limit" />
                         <InfoBullet class="info-step__column__bullets__item" title="Segments" info="10,000 segments limit" />
                         <InfoBullet class="info-step__column__bullets__item" title="Link Sharing" info="Link sharing with Storj domain" />
                     </div>
@@ -38,7 +38,7 @@
                     <div class="info-step__column__bullets">
                         <InfoBullet class="info-step__column__bullets__item" is-pro title="Projects" info="3 projects + more on request" />
                         <InfoBullet class="info-step__column__bullets__item" is-pro :title="storagePrice" info="25 GB free included" />
-                        <InfoBullet class="info-step__column__bullets__item" is-pro title="Download $0.007 GB" :info="downloadInfo">
+                        <InfoBullet class="info-step__column__bullets__item" is-pro title="Egress $0.007 GB" :info="downloadInfo">
                             <template v-if="downloadMoreInfo" #moreInfo>
                                 <p class="info-step__column__bullets__message">{{ downloadMoreInfo }}</p>
                             </template>

web/satellite/src/components/objects/BucketItem.vue

@@ -92,7 +92,7 @@ const itemToRender = computed((): { [key: string]: string | string[] } => {
     return { info: [
         props.itemData.name,
         `Storage ${props.itemData.storage.toFixed(2)}GB`,
-        `Bandwidth ${props.itemData.egress.toFixed(2)}GB`,
+        `Egress ${props.itemData.egress.toFixed(2)}GB`,
         `Objects ${props.itemData.objectCount.toString()}`,
         `Segments ${props.itemData.segmentCount.toString()}`,
         `Created ${formattedDate.value}`,

web/satellite/src/components/objects/BucketsTable.vue

@@ -43,7 +43,7 @@
             <template #head>
                 <th class="align-left">Name</th>
                 <th class="align-left">Storage</th>
-                <th class="align-left">Bandwidth</th>
+                <th class="align-left">Egress</th>
                 <th class="align-left">Objects</th>
                 <th class="align-left">Segments</th>
                 <th class="align-left">Date Added</th>

web/satellite/src/components/onboardingTour/steps/PricingPlanStep.vue

@@ -51,7 +51,7 @@ const plans = ref<PricingPlanInfo[]>([
         '*Additional per-segment fee of $0.0000088 applies.',
         null,
         null,
-        'Add a credit card to activate your Pro Account.<br><br>Get 25GB free storage and bandwidth. Only pay for what you use beyond that.',
+        'Add a credit card to activate your Pro Account.<br><br>Get 25GB free storage and egress. Only pay for what you use beyond that.',
         'No charge today',
         '25GB Free',
     ),

web/satellite/src/components/project/EditProjectDetails.vue

@@ -128,7 +128,7 @@
                             />
                         </div>
                     </div>
-                    <p class="project-details__wrapper__container__label">Bandwidth Limit</p>
+                    <p class="project-details__wrapper__container__label">Egress Limit</p>
                     <div v-if="!isBandwidthLimitEditing" class="project-details__wrapper__container__limits__bandwidthlimit-area">
                         <p class="project-details__wrapper__container__limits__bandwidthlimit-area__bandwidthlimit">{{ bandwidthLimitFormatted }}</p>
                         <VButton
@@ -561,7 +561,7 @@ async function onSaveBandwidthLimitButtonClick(): Promise<void> {
 
     toggleBandwidthLimitEditing();
     analytics.eventTriggered(AnalyticsEvent.PROJECT_BANDWIDTH_LIMIT_UPDATED);
-    notify.success('Project bandwidth limit updated successfully!');
+    notify.success('Project egress limit updated successfully!');
 }
 
 /**

web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue

@@ -45,7 +45,7 @@
                 <p class="dashboard-header__limits">
                     <span class="dashboard-header__limits--bold">Storage Limit</span>
                     per month: {{ bytesToBase10String(limits.storageLimit) }} |
-                    <span class="dashboard-header__limits--bold">Bandwidth Limit</span>
+                    <span class="dashboard-header__limits--bold">Egress Limit</span>
                     per month: {{ bytesToBase10String(limits.bandwidthLimit) }}
                 </p>
                 <VButton

web/satellite/src/components/project/dashboard/LimitsArea.vue

@@ -18,11 +18,11 @@
         />
         <LimitCard
             :icon="DownloadIcon"
-            title="Download"
+            title="Egress"
             color="#7b61ff"
             :used-value="bandwidthUsed"
             :used-title="`${usedOrLimitFormatted(limits.bandwidthUsed)} Used`"
-            :used-info="`Download limit: ${usedOrLimitFormatted(limits.bandwidthLimit, true)} per month`"
+            :used-info="`Egress limit: ${usedOrLimitFormatted(limits.bandwidthLimit, true)} per month`"
             :available-title="`${availableFormatted(limits.bandwidthLimit - limits.bandwidthUsed)} Available`"
             :action-title="usageActionTitle(bandwidthUsed)"
             :on-action="() => usageAction(LimitToChange.Bandwidth)"

web/satellite/src/components/project/dashboard/ProjectDashboard.vue

@@ -63,7 +63,7 @@
             </div>
             <div class="project-dashboard__charts__container">
                 <div class="project-dashboard__charts__container__header">
-                    <h3 class="project-dashboard__charts__container__header__title">Bandwidth</h3>
+                    <h3 class="project-dashboard__charts__container__header__title">Egress</h3>
                     <div class="project-dashboard__charts__container__header__right">
                         <span class="project-dashboard__charts__container__header__right__allocated-color" />
                         <p class="project-dashboard__charts__container__header__right__allocated-label">Allocated</p>
@@ -75,7 +75,7 @@
                             </template>
                             <template #message>
                                 <p class="project-dashboard__charts__container__header__right__info__message">
-                                    The bandwidth allocated takes few hours to be settled.
+                                    The egress allocated takes few hours to be settled.
                                     <a
                                         class="project-dashboard__charts__container__header__right__info__message__link"
                                         href="https://docs.storj.io/dcs/billing-payment-and-accounts-1/pricing/billing-and-payment#bandwidth-fee"

web/satellite/src/views/DashboardArea.vue

@@ -303,7 +303,7 @@ const limitState = computed((): LimitedState => {
     const currentLimits = projectsStore.state.currentLimits;
 
     const limitTypeArr = [
-        { name: 'bandwidth', usedPercent: Math.round(currentLimits.bandwidthUsed * 100 / currentLimits.bandwidthLimit) },
+        { name: 'egress', usedPercent: Math.round(currentLimits.bandwidthUsed * 100 / currentLimits.bandwidthLimit) },
         { name: 'storage', usedPercent: Math.round(currentLimits.storageUsed * 100 / currentLimits.storageLimit) },
         { name: 'segment', usedPercent: Math.round(currentLimits.segmentUsed * 100 / currentLimits.segmentLimit) },
     ];

web/satellite/src/views/all-dashboard/AllDashboardArea.vue

@@ -277,7 +277,7 @@ const limitState = computed((): LimitedState => {
     const currentLimits = projectsStore.state.currentLimits;
 
     const limitTypeArr = [
-        { name: 'bandwidth', usedPercent: Math.round(currentLimits.bandwidthUsed * 100 / currentLimits.bandwidthLimit) },
+        { name: 'egress', usedPercent: Math.round(currentLimits.bandwidthUsed * 100 / currentLimits.bandwidthLimit) },
         { name: 'storage', usedPercent: Math.round(currentLimits.storageUsed * 100 / currentLimits.storageLimit) },
         { name: 'segment', usedPercent: Math.round(currentLimits.segmentUsed * 100 / currentLimits.segmentLimit) },
     ];

web/satellite/src/views/registration/RegisterArea.vue

@@ -205,7 +205,7 @@
                         </div>
                         <p class="register-area__input-area__container__warning__message">
                             This means any data you upload to this satellite can be
-                            deleted at any time and your storage/bandwidth limits
+                            deleted at any time and your storage/egress limits
                             can fluctuate. To use our production service please
                             create an account on one of our production Satellites.
                             <a href="https://storj.io/signup/" target="_blank" rel="noopener noreferrer">https://storj.io/signup/</a>