From 1b40cae3e95d9025f82a7f4d3a4c9f42e03f0308 Mon Sep 17 00:00:00 2001 From: Evgeni B Date: Wed, 20 Sep 2023 14:41:06 +0300 Subject: [PATCH] fix(onboarding): qr-code step on onboarding (#DEV-928) --- .../login/register-user-with-captcha-view.vue | 11 ++++++----- src/locales/en.json | 4 ++-- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/components/login/register-user-with-captcha-view.vue b/src/components/login/register-user-with-captcha-view.vue index 8e790d2b3..40f723108 100644 --- a/src/components/login/register-user-with-captcha-view.vue +++ b/src/components/login/register-user-with-captcha-view.vue @@ -266,10 +266,11 @@ export default { .p-onboarding {{ $t('login.register-user-with-captcha-view.itContainsThe') }} .p-onboarding.bold {{ $t('login.register-user-with-captcha-view.onceTheAccount') }} .p-onboarding {{ $t('login.register-user-with-captcha-view.youAreSet') }} - .row.justify-center.items-center(:style="{ 'margin-bottom': '60px' }") + .row.justify-center.items-center(v-if="$q.screen.gt.md" :style="{ 'margin-bottom': '60px' }") .qr-code-wrapper - qrcode-vue(:value="inviteLink" size="125") + qrcode-vue(:value="inviteLink" size="150") img.q-ml-xl(:style="{ 'width': '150px', 'height': '150px' }" src="~/assets/images/onboarding-hypha-logo.png") + .row(v-else :style="{ 'margin-bottom': '200px' }") #form3.flex.column.justify-center(v-show="step === this.steps.finish.name") template div.full-height.column.justify-center @@ -317,13 +318,13 @@ export default { loading-spinner(color="primary" size="72px") #bottom-indicator.row.items-center(v-if="![this.steps.create.name, this.steps.loading.name].includes(step)") - .col + .col(v-if="$q.screen.gt.md") .row.q-gutter-sm(v-if="$q.screen.gt.md") .ellipse-border(:class="'ellipse-filled'") .ellipse-border(:class="(step === this.steps.inviteLink.name || step === this.steps.finish.name ) && 'ellipse-filled'") .ellipse-border(:class="step === this.steps.finish.name && 'ellipse-filled'") - .col-10.no-wrap.flex.justify-end.items-center - q-btn(v-if="step === this.steps.inviteLink.name && !$q.screen.gt.md" :label="$t('login.register-user-with-captcha-view.downloadWallet')" color="primary" outline unelevated @click="downloadWallet()" rounded no-caps) + .no-wrap.flex.justify-end.items-center(:class="{ 'col-10': $q.screen.gt.md, 'col': !$q.screen.gt.md, 'full-width': !$q.screen.gt.md}") + q-btn.full-width(v-if="step === this.steps.inviteLink.name && !$q.screen.gt.md" :label="$t('login.register-user-with-captcha-view.downloadWallet')" color="primary" outline unelevated @click="downloadWallet()" rounded no-caps) q-btn(v-if="step === this.steps.inviteLink.name && $q.screen.gt.md" :label="$t('login.register-user-with-captcha-view.copyInviteLink')" color="primary" outline unelevated @click="copyText()" rounded no-caps) q-btn(v-if="step !== this.steps.finish.name").q-mx-md.q-px-md(:style="{ 'height': 'fit-content' }" :label="step === 'finish' ? 'Need Help?' : 'Next'" color="primary" unelevated @click="next" :disable="!this.inviteLink" :loading="submitting" :outline="step === this.steps.finish.name" rounded no-caps) q-list(v-if="step === steps.finish.name") diff --git a/src/locales/en.json b/src/locales/en.json index f784fdd30..5690e1d16 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -844,8 +844,8 @@ "pleaseVerifyYou":"Please verify you are not a BOT", "proceedWith":"Proceed with Hypha Wallet\n ", "setupHyphaWallet":"Set-up Hypha Wallet", - "scanTheQr":"Scan the QR code on this page,", - "itContainsThe":" it contains the invite to create the Hypha Account on your wallet.", + "scanTheQr":"Click the 'Download Wallet' button on this page,", + "itContainsThe":" this will redirect you to the Hypha Wallet download page.", "onceTheAccount":" Once the account is ready,", "youAreSet":" you are set for the last next step.", "copyInviteLink":"Copy invite link",