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

web/satellite: change info banner for US2 satellites

Browse Source 
WHAT:
added message for us2 users that their data may be deleted at any point of time

WHY:
to make users aware

Change-Id: I4369fc4ec780ab66e7355c664740f8f6f5a32392
This commit is contained in:
Vitalii Shpital 2021-02-22 19:53:54 +02:00
parent 0178ec7771
commit c3e13b9b38
3 changed files with 37 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,7 +6,12 @@
<div v-if="isLoading" class="loading-overlay active">
<img class="loading-image" src="@/../static/images/register/Loading.gif" alt="Company logo loading gif">
</div>
<NoPaywallInfoBar v-if="isNoPaywallInfoBarShown && !isLoading"/>
<div v-if="isBetaSatellite" class="dashboard__beta-banner">
<p class="dashboard__beta-banner__message">
Please be aware that this is a beta satellite. Data uploaded may be deleted at any point in time.
</p>
</div>
<NoPaywallInfoBar v-if="isNoPaywallInfoBarShown && !isLoading && !isBetaSatellite"/>
<div v-if="!isLoading" class="dashboard__wrap">
<DashboardHeader/>
<div class="dashboard__wrap__main-area">
@ -234,6 +239,17 @@ export default class DashboardArea extends Vue {
this.$store.state.paymentsModule.creditCards.length === 0;
}
/**
* Only for US2 tardigrade beta satellite.
* Indicates if US2 satellite.
*/
public get isBetaSatellite(): boolean {
const US2_SAT_NAME_PART = 'US2';
const satName: string = this.$store.state.appStateModule.satelliteName;
return satName.includes(US2_SAT_NAME_PART);
}
/**
* Indicates if billing info bar is shown.
*/
@ -381,6 +397,23 @@ export default class DashboardArea extends Vue {
display: flex;
flex-direction: column;
&__beta-banner {
width: calc(100% - 60px);
padding: 0 30px;
display: flex;
align-items: center;
justify-content: space-between;
font-family: 'font_regular', sans-serif;
background-color: red;
&__message {
font-weight: normal;
font-size: 14px;
line-height: 12px;
color: #fff;
}
}
&__wrap {
display: flex;
flex-direction: column;

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

@ -216,7 +216,7 @@ export default class RegisterArea extends Vue {
/**
* Only for US2 tardigrade beta satellite.
* Sets user's repeat password field from value string.
* Indicates if US2 satellite.
*/
public get isBetaSatellite(): boolean {
const US2_SAT_NAME_PART = 'US2';

2
web/satellite/tests/unit/views/__snapshots__/DashboardArea.spec.ts.snap
View File

@ -2,6 +2,7 @@
exports[`Dashboard renders correctly when data is loaded 1`] = `
<div class="dashboard">
<!---->
<!---->
<!---->
<div class="dashboard__wrap">
@ -25,5 +26,6 @@ exports[`Dashboard renders correctly when data is loading 1`] = `
<div class="loading-overlay active"><img src="@/../static/images/register/Loading.gif" alt="Company logo loading gif" class="loading-image"></div>
<!---->
<!---->
<!---->
</div>
`;