fix: remove pages while filtering

Author: ECRomaneli

web/preferences/components/pages/Pages.js

@@ -15,7 +15,7 @@ app.component('Pages', {
             <i class="icon icon-search perm-search-icon"></i>
             <input type="search" class="perm-search-input" :placeholder="$i18n.preferences.pages.search" v-model="searchQuery" spellcheck="false">
         </div>
-        <page-table :pages="filteredPages" :readonly="isFiltered" @update="storePages" @remove="storePages"></page-table>
+        <page-table :pages="filteredPages" :readonly="isFiltered" @update="storePages" @remove="removePage"></page-table>
         <div v-if="!isFiltered" class="item-card item-card-add" @click="$emit('navigate', 'sync')">
             <svg class="me-2" width="14" height="14" viewBox="0 0 16 16" fill="currentColor"><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/><path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/></svg>
             <span>{{ $i18n.preferences.pages.syncHint }}</span>
@@ -52,6 +52,12 @@ app.component('Pages', {
       this.$remote.storage.setPages(pages)
     },
 
+    removePage(page) {
+      const idx = this.pages.findIndex(p => p.id === page.id)
+      if (idx !== -1) { this.pages.splice(idx, 1) }
+      this.storePages()
+    },
+
     addFirstPage() {
       this.pages.push({ id: `${Date.now()}0`, label: '', url: '', session: '', persist: false })
     },

web/preferences/components/quick-actions/QuickActions.js

@@ -17,7 +17,7 @@ app.component('QuickActions', {
         <input type="search" class="perm-search-input" :placeholder="$i18n.preferences.quickActions.search" v-model="searchQuery" spellcheck="false">
       </div>
 
-      <quick-actions-table :items="filteredItems" :readonly="isFiltered" @update="store" @remove="store"></quick-actions-table>
+      <quick-actions-table :items="filteredItems" :readonly="isFiltered" @update="store" @remove="removeItem"></quick-actions-table>
 
       <!-- Variables reference (collapsible) -->
       <div v-if="items" class="ws-variables-section">
@@ -74,5 +74,11 @@ app.component('QuickActions', {
     store() {
       this.$remote.storage.setQuickActions(Vue.toRaw(this.items))
     },
+
+    removeItem(item) {
+      const idx = this.items.findIndex(i => i.id === item.id)
+      if (idx !== -1) { this.items.splice(idx, 1) }
+      this.store()
+    },
   }
 })

web/preferences/components/quick-actions/QuickActionsTable.js

@@ -88,8 +88,8 @@ app.component('QuickActionsTable', {
 
     removeItem(event, index) {
       event.stopPropagation()
-      this.list.splice(index, 1)
-      this.$emit('remove')
+      const removed = this.list.splice(index, 1)[0]
+      this.$emit('remove', removed)
     },
 
     emitUpdate() { this.$emit('update') },