Merge pull request #92 from bfritscher/fix-search-delete-refresh

feat: enhance search result item deletion with event emission and error handling fix  #91

Author: bfritscher

src/components/search/SearchInstantSearch.vue

@@ -53,7 +53,10 @@
         <ais-pagination class="q-mb-md" />
         <ais-hits>
           <template v-if="currentCollection" #item="{ item }">
-            <search-result-item :item="item"></search-result-item>
+            <search-result-item
+              :item="item"
+              @deleted="instantSearchInstance.refresh()"
+            ></search-result-item>
           </template>
         </ais-hits>
         <ais-pagination class="q-my-md" />

src/components/search/SearchResultItem.vue

@@ -47,6 +47,7 @@ import SearchResultItemNestedDisplay from './SearchResultItemNestedDisplay.vue';
 const props = defineProps<{
   item?: Record<string, any>;
 }>();
+const emit = defineEmits<(e: 'deleted', id: string) => void>();
 
 const store = useNodeStore();
 const $q = useQuasar();
@@ -83,7 +84,17 @@ const deleteDocumentById = (id: string) => {
     cancel: true,
     persistent: true,
   }).onOk(() => {
-    void store.deleteDocumentById(id);
+    store
+      .deleteDocumentById(id)
+      ?.then(() => {
+        emit('deleted', id);
+      })
+      .catch((error: Error) => {
+        $q.notify({
+          type: 'negative',
+          message: `Error deleting document: ${error.message}`,
+        });
+      });
   });
 };
 </script>

src/stores/node.ts

@@ -476,12 +476,11 @@ export const useNodeStore = defineStore('node', {
       await this.api?.deleteOverride(this.currentCollection.name, id);
       void this.getOverrides(this.currentCollection.name);
     },
-    async deleteDocumentById(id: string) {
+    deleteDocumentById(id: string) {
       if (!this.currentCollection) {
         throw new Error('No collection selected');
       }
-      void (await this.api?.deleteDocumentById(this.currentCollection.name, id));
-      // TODO refresh
+      return this.api?.deleteDocumentById(this.currentCollection.name, id);
     },
     search(payload: SearchParams) {
       return (this.api as Api)?.search(