fix: navigation

This commit is contained in:
Vlad Stan 2023-07-05 17:09:45 +03:00
parent 5558b95d1e
commit 8d5aa813d3
3 changed files with 17 additions and 20 deletions

View file

@ -9,8 +9,8 @@
@open-checkout="openCheckout"></shopping-cart> @open-checkout="openCheckout"></shopping-cart>
</q-toolbar> </q-toolbar>
--> -->
<div class="row"> <div v-if="productDetail && product" class="row">
<div class="col-12 auto-width" v-if="productDetail && product"> <div class="col-12 auto-width">
<q-card> <q-card>
<q-card-section> <q-card-section>
<product-detail :product="product" @add-to-cart="addToCart"></product-detail> <product-detail :product="product" @add-to-cart="addToCart"></product-detail>

View file

@ -435,25 +435,22 @@ const market = async () => {
url.searchParams.set('merchant_pubkey', pubkey) url.searchParams.set('merchant_pubkey', pubkey)
} }
switch (page) { if (page === 'stall' || page === 'product') {
case 'stall': if (stall) {
if (stall) { this.activeStall = stall
this.activeStall = stall url.searchParams.set('stall_id', stall)
url.searchParams.set('stall_id', stall)
this.activeProduct = product this.activeProduct = product
if (product) { if (product) {
url.searchParams.set('product_id', product) url.searchParams.set('product_id', product)
}
} }
break }
default: } else {
this.activeStall = null this.activeStall = null
this.activeProduct = null this.activeProduct = null
url.searchParams.delete('merchant_pubkey') url.searchParams.delete('merchant_pubkey')
url.searchParams.delete('stall_id') url.searchParams.delete('stall_id')
url.searchParams.delete('product_id') url.searchParams.delete('product_id')
break
} }
window.history.pushState({}, '', url) window.history.pushState({}, '', url)

View file

@ -191,7 +191,7 @@
<q-breadcrumbs-el v-if="activeStall" :label="stallName" @click="navigateTo('stall', {stall: activeStall})" <q-breadcrumbs-el v-if="activeStall" :label="stallName" @click="navigateTo('stall', {stall: activeStall})"
icon="widgets" class="cursor-pointer"></q-breadcrumbs-el> icon="widgets" class="cursor-pointer"></q-breadcrumbs-el>
<q-breadcrumbs-el v-if="activeProduct" :label="productName" <q-breadcrumbs-el v-if="activeProduct" :label="productName"
@click="navigateTo('product', {product: activeStall})" class="cursor-pointer" @click="navigateTo('product', {stall: activeStall, product: activeProduct})" class="cursor-pointer"
icon="widgets"></q-breadcrumbs-el> icon="widgets"></q-breadcrumbs-el>
</q-breadcrumbs> </q-breadcrumbs>
</div> </div>