JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
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
This commit is contained in:
Lizzy Thomson 2023-05-31 09:16:21 -06:00
parent 09c87a1a0d
commit 87f2da92b1
15 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/multinode/src/app/views/WelcomeScreen.vue
View File

File diff suppressed because one or more lines are too long

2
web/satellite/src/components/account/billing/billingTabs/Overview.vue
View File

@ -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"

2
web/satellite/src/components/modals/ChangeProjectLimitModal.vue
View File

@ -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);

2
web/satellite/src/components/modals/LimitWarningModal.vue
View File

@ -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"

4
web/satellite/src/components/modals/upgradeAccountFlow/UpgradeInfoStep.vue
View File

@ -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>

2
web/satellite/src/components/objects/BucketItem.vue
View File

@ -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}`,

2
web/satellite/src/components/objects/BucketsTable.vue
View File

@ -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>

2
web/satellite/src/components/onboardingTour/steps/PricingPlanStep.vue
View File

@ -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',
),

4
web/satellite/src/components/project/EditProjectDetails.vue
View File

@ -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!');
}
/**

2
web/satellite/src/components/project/dashboard/DashboardFunctionalHeader.vue
View File

@ -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

4
web/satellite/src/components/project/dashboard/LimitsArea.vue
View File

@ -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)"

4
web/satellite/src/components/project/dashboard/ProjectDashboard.vue
View File

@ -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"

2
web/satellite/src/views/DashboardArea.vue
View File

@ -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) },
];

2
web/satellite/src/views/all-dashboard/AllDashboardArea.vue
View File

@ -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) },
];

2
web/satellite/src/views/registration/RegisterArea.vue
View File

@ -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>