fix: navigation

static/components/customer-stall/customer-stall.html

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

static/js/market.js

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

templates/nostrmarket/market.html

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