web/satellite: Replace coinpayments functionality in card on new billing screen with a message to contact support.

Change-Id: Ic91f9aa5dcd629982c4ed60702c5bfd8d8a4c3d7
This commit is contained in:
Malcolm Bouzi 2022-08-18 16:31:47 -04:00 committed by Storj Robot
parent aa1f50197a
commit 6b08b0a656

View File

@ -13,23 +13,8 @@
<h3 class="token__add-funds__title"> <h3 class="token__add-funds__title">
STORJ Token STORJ Token
</h3> </h3>
<p class="token__add-funds__label">Deposit STORJ Tokens via Coin Payments:</p>
<TokenDepositSelection
class="token__add-funds__dropdown"
:payment-options="paymentOptions"
selection-style="new"
@onChangeTokenValue="onChangeTokenValue"
/>
<div class="token__add-funds__button-container"> <div class="token__add-funds__button-container">
<VButton <p class="token__add-funds__support-info">To deposit STORJ token and request higher limits, please contact <a target="_blank" rel="noopener noreferrer" href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212">Support</a></p>
class="token__add-funds__button"
label="Continue to CoinPayments"
width="150px"
height="30px"
font-size="11px"
:on-press="onConfirmAddSTORJ"
/>
<VButton <VButton
v-if="totalCount > 0" v-if="totalCount > 0"
class="token__add-funds__button" class="token__add-funds__button"
@ -50,7 +35,6 @@ import { Component, Prop, Vue } from 'vue-property-decorator';
import StorjLarge from '@/../static/images/billing/storj-icon-large.svg'; import StorjLarge from '@/../static/images/billing/storj-icon-large.svg';
import VButton from '@/components/common/VButton.vue'; import VButton from '@/components/common/VButton.vue';
import TokenDepositSelection from '@/components/account/billing/paymentMethods/TokenDepositSelection.vue';
import VLoader from '@/components/common/VLoader.vue'; import VLoader from '@/components/common/VLoader.vue';
import { PAYMENTS_ACTIONS } from '@/store/modules/payments'; import { PAYMENTS_ACTIONS } from '@/store/modules/payments';
@ -67,7 +51,6 @@ const {
StorjLarge, StorjLarge,
VButton, VButton,
VLoader, VLoader,
TokenDepositSelection,
}, },
}) })
export default class AddTokenCard extends Vue { export default class AddTokenCard extends Vue {
@ -232,6 +215,20 @@ export default class AddTokenCard extends Vue {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
&__support-info {
font-family: sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #000;
position: relative;
top: 14px;
a {
color: #0149ff;
}
}
} }
} }
</style> </style>