FediMovies/fedimovies-web
1
1
Fork 0
Code Pull requests Activity

Don't show subscription info until loading is finished

Browse source
This commit is contained in:
silverpill 2022-06-14 23:32:56 +00:00
parent 9803775aa1
commit dd821a8760
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Subscription.vue
View file

@ -32,12 +32,14 @@
{{ subscription.pricePerMonth }} {{ subscription.tokenSymbol }} {{ subscription.pricePerMonth }} {{ subscription.tokenSymbol }}
<span class="price-subtext">per month</span> <span class="price-subtext">per month</span>
</div> </div>
<div class="status"> <div class="status" v-if="subscriptionState">
<template v-if="subscriptionState && !subscriptionState.senderBalance.isZero()"> <template v-if="subscriptionState.senderBalance.isZero()">
You are not subscribed yet
</template>
<template v-else>
<div>Your balance is {{ subscription.formatAmount(subscriptionState.senderBalance) }} {{ subscription.tokenSymbol }}</div> <div>Your balance is {{ subscription.formatAmount(subscriptionState.senderBalance) }} {{ subscription.tokenSymbol }}</div>
<div>Subscription expires {{ subscription.getExpirationDate(subscriptionState.senderBalance).toLocaleString() }}</div> <div>Subscription expires {{ subscription.getExpirationDate(subscriptionState.senderBalance).toLocaleString() }}</div>
</template> </template>
<template v-else>You are not subscribed yet</template>
</div> </div>
</template> </template>
<template v-else> <template v-else>