From 5c67f126503e1343bd01f6dcabaae6afd42083d5 Mon Sep 17 00:00:00 2001
From: Evgeni B <glum_psyche@gofree.dev>
Date: Fri, 15 Sep 2023 11:57:54 +0300
Subject: [PATCH] fix(onboarding): added download wallet link for mobile
 version

---
 .../login/register-user-with-captcha-view.vue          | 10 +++++++++-
 src/locales/en.json                                    |  3 ++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/login/register-user-with-captcha-view.vue b/src/components/login/register-user-with-captcha-view.vue
index 320ab8107..eef878ee5 100644
--- a/src/components/login/register-user-with-captcha-view.vue
+++ b/src/components/login/register-user-with-captcha-view.vue
@@ -217,6 +217,13 @@ export default {
     },
     goToDocumentation() {
       window.location.href = this.HELP_LINK
+    },
+    downloadWallet() {
+      if (navigator.userAgent.toLowerCase().indexOf('iphone') > -1) {
+        window.location.href = 'http://itunes.apple.com/lb/app/id1659926348'
+      } else if (navigator.userAgent.toLowerCase().indexOf('android') > -1) {
+        window.location.href = 'http://play.google.com/store/apps/details?id=earth.hypha.wallet.hypha_wallet'
+      }
     }
   }
 }
@@ -315,7 +322,8 @@ export default {
             .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" :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.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")
             q-item.wallet.q-my-xs(v-for="(wallet, idx) in this.hyphaAuthenticators" :key="wallet.getStyle().text" v-ripple :style="{ background: wallet.getStyle().background, color: wallet.getStyle().textColor }")
diff --git a/src/locales/en.json b/src/locales/en.json
index 6d4571091..31f7620f2 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -859,7 +859,8 @@
         "createYourDao":"Create Your DAO",
         "goAheadAndAddYour":"Go ahead and add your DAO's name and upload a logo. You can also also list your DAO's purpose and the impact it envisions making.",
         "publishYourDao":"Publish your DAO",
-        "needHelp":"Need help?"
+        "needHelp":"Need help?",
+        "downloadWallet": "Download Wallet"
      },
      "welcome-view":{
         "youNeedAn":"You need an Hypha Account to interact with Hypha Ecosystem and create a DAO.",