feat: handle stall delete and update

static/components/stall-details/stall-details.html

@@ -91,7 +91,7 @@
         unelevated
         color="secondary"
         class="float-left"
-        @click="updateRelay()"
+        @click="updateStall()"
         >Update Stall</q-btn
       >
     </div>
@@ -101,7 +101,7 @@
         color="pink"
         icon="cancel"
         class="float-right"
-        @click="deleteRelay()"
+        @click="deleteStall()"
         >Delete Stall</q-btn
       >
     </div>

static/components/stall-details/stall-details.js

@@ -27,7 +27,7 @@ async function stallDetails(path) {
       }
     },
     methods: {
-      mapStall: function(stall) {
+      mapStall: function (stall) {
         stall.shipping_zones.forEach(
           z =>
             (z.label = z.name
@@ -44,13 +44,13 @@ async function stallDetails(path) {
             this.inkey
           )
           this.stall = this.mapStall(data)
-          
+
           console.log('### this.stall', this.stall)
         } catch (error) {
           LNbits.utils.notifyApiError(error)
         }
       },
-      updateRelay: async function () {
+      updateStall: async function () {
         try {
           const {data} = await LNbits.api.request(
             'PUT',
@@ -70,7 +70,7 @@ async function stallDetails(path) {
           LNbits.utils.notifyApiError(error)
         }
       },
-      deleteRelay: function () {
+      deleteStall: function () {
         LNbits.utils
           .confirmDialog(
             `
@@ -96,7 +96,7 @@ async function stallDetails(path) {
               LNbits.utils.notifyApiError(error)
             }
           })
-      },
+      }
     },
     created: async function () {
       await this.getStall()

static/components/stall-list/stall-list.html

@@ -93,9 +93,9 @@
                 :wallet-options="walletOptions"
                 :zone-options="zoneOptions"
                 :currencies="currencies"
+                @stall-deleted="handleStallDeleted"
+                @stall-updated="handleStallUpdated"
               ></stall-details>
-              <!-- @stall-deleted="handleRelayDeleted"
-              @stall-updated="handleRelayUpdated" -->
             </div>
           </div>
         </q-td>

static/components/stall-list/stall-list.js

@@ -88,6 +88,7 @@ async function stallList(path) {
             stall
           )
           this.stallDialog.show = false
+          this.stalls.unshift(data)
           this.$q.notify({
             type: 'positive',
             message: 'Stall created!'
@@ -116,7 +117,6 @@ async function stallList(path) {
             '/nostrmarket/api/v1/stall',
             this.inkey
           )
-          console.log('### stalls', data)
           this.stalls = data.map(s => ({...s, expanded: false}))
         } catch (error) {
           LNbits.utils.notifyApiError(error)
@@ -129,18 +129,28 @@ async function stallList(path) {
             '/nostrmarket/api/v1/zone',
             this.inkey
           )
-          console.log('### zones', data)
           this.zoneOptions = data.map(z => ({
             ...z,
             label: z.name
               ? `${z.name} (${z.countries.join(', ')})`
               : z.countries.join(', ')
           }))
-          console.log('### this.zoneOptions', this.zoneOptions)
         } catch (error) {
           LNbits.utils.notifyApiError(error)
         }
       },
+      handleStallDeleted: function (stallId) {
+        this.stalls = _.reject(this.stalls, function (obj) {
+          return obj.id === stallId
+        })
+      },
+      handleStallUpdated: function (stall) {
+        const index = this.stalls.findIndex(r => r.id === stall.id)
+        if (index !== -1) {
+          stall.expanded = true
+          this.stalls.splice(index, 1, stall)
+        }
+      },
       openCreateStallDialog: async function () {
         await this.getCurrencies()
         await this.getZones()