web/satellite: update wording for upgrade account token flow

Update wording to reflect latest auto upgrade account flow.

new wording:
Send more than $10 in STORJ Tokens to the following deposit address to upgrade to a Pro account.
Your account will be upgraded after your transaction receives 15 confirmations.
If your account is not automatically upgraded, please fill out this limit increase request form.

Issue:
https://github.com/storj/storj-private/issues/367

Change-Id: I46fcb9243722313b98e5c54e8194d6152f7e1631
This commit is contained in:
Vitalii 2023-07-21 17:16:57 +03:00 committed by andriikotko
parent 4cb85186b2
commit 7059e10dfc
2 changed files with 14 additions and 2 deletions

View File

@ -6,13 +6,15 @@
<template #content> <template #content>
<div class="add-tokens"> <div class="add-tokens">
<p class="add-tokens__info"> <p class="add-tokens__info">
Send more than $10 in STORJ Tokens to the following deposit address, and fill in this Send more than $10 in STORJ Tokens to the following deposit address to upgrade to a Pro account.
Your account will be upgraded after your transaction receives {{ neededConfirmations }} confirmations.
If your account is not automatically upgraded, please fill out this
<a <a
class="add-tokens__info__link" class="add-tokens__info__link"
href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212" href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
>limit increase request form</a> to upgrade to Pro Account. >limit increase request form</a>.
</p> </p>
<canvas ref="canvas" /> <canvas ref="canvas" />
<div class="add-tokens__label"> <div class="add-tokens__label">
@ -66,6 +68,7 @@ import { computed, onMounted, ref } from 'vue';
import QRCode from 'qrcode'; import QRCode from 'qrcode';
import { useBillingStore } from '@/store/modules/billingStore'; import { useBillingStore } from '@/store/modules/billingStore';
import { useConfigStore } from '@/store/modules/configStore';
import { useNotify } from '@/utils/hooks'; import { useNotify } from '@/utils/hooks';
import { Wallet } from '@/types/payments'; import { Wallet } from '@/types/payments';
import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames'; import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
@ -76,6 +79,7 @@ import VInfo from '@/components/common/VInfo.vue';
import InfoIcon from '@/../static/images/payments/infoIcon.svg'; import InfoIcon from '@/../static/images/payments/infoIcon.svg';
const configStore = useConfigStore();
const billingStore = useBillingStore(); const billingStore = useBillingStore();
const notify = useNotify(); const notify = useNotify();
@ -88,6 +92,13 @@ const wallet = computed((): Wallet => {
return billingStore.state.wallet as Wallet; return billingStore.state.wallet as Wallet;
}); });
/**
* Returns needed transaction confirmations from config store.
*/
const neededConfirmations = computed((): number => {
return configStore.state.config.neededTransactionConfirmations;
});
/** /**
* Copies address to user's clipboard. * Copies address to user's clipboard.
*/ */

View File

@ -45,6 +45,7 @@ export class FrontendConfig {
pricingPackagesEnabled: boolean; pricingPackagesEnabled: boolean;
newUploadModalEnabled: boolean; newUploadModalEnabled: boolean;
galleryViewEnabled: boolean; galleryViewEnabled: boolean;
neededTransactionConfirmations: number;
} }
export class MultiCaptchaConfig { export class MultiCaptchaConfig {