Use modal install step consistently
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
const CACHE_NAME = 'l484-pwa-v11'
|
||||
const CACHE_NAME = 'l484-pwa-v12'
|
||||
const APP_SHELL = [
|
||||
'/',
|
||||
'/manifest.webmanifest',
|
||||
|
||||
17
src/App.vue
17
src/App.vue
@@ -382,7 +382,7 @@ const pwaInstallPrimaryLabel = computed(() => {
|
||||
if (isPwaStandalone.value) return 'Continue signup'
|
||||
if (deferredInstallPrompt.value) return 'Install app'
|
||||
if (installPlatform.value === 'ios') return 'I installed it'
|
||||
return 'Install app'
|
||||
return 'Continue'
|
||||
})
|
||||
const membershipBtcAmount = computed(() =>
|
||||
bitcoinUsdPrice.value ? MEMBERSHIP_MONTHLY_USD / bitcoinUsdPrice.value : 0,
|
||||
@@ -830,10 +830,6 @@ const startSignup = async () => {
|
||||
signupStep.value = 2
|
||||
return
|
||||
}
|
||||
if (installPlatform.value === 'desktop' || installPlatform.value === 'android') {
|
||||
signupStep.value = 2
|
||||
return
|
||||
}
|
||||
signupStep.value = 1
|
||||
}
|
||||
|
||||
@@ -3464,17 +3460,6 @@ watch(mobileMenuOpen, (open) => {
|
||||
Complete signup here, then come to the center to pick up your physical member card and pay in person.
|
||||
</p>
|
||||
</div>
|
||||
<div v-if="installPlatform !== 'ios' && !isPwaStandalone" class="membership-pickup-card optional-install-card">
|
||||
<span class="membership-pickup-icon" aria-hidden="true">
|
||||
<img src="/images/app-icon-192.png" alt="" />
|
||||
</span>
|
||||
<div>
|
||||
<p>Install the L484 app for a better member card and notification experience.</p>
|
||||
<button class="secondary-action compact-action" type="button" @click="handlePwaInstallPrimary">
|
||||
Install app
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="signupStep === 1" class="pwa-install-step">
|
||||
|
||||
@@ -3193,15 +3193,6 @@ body.menu-open {
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.optional-install-card > div {
|
||||
display: grid;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.optional-install-card .secondary-action {
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.membership-pickup-icon {
|
||||
display: grid;
|
||||
width: 3rem;
|
||||
|
||||
Reference in New Issue
Block a user