From 82359bc0d10805bce4f791a10fc32c24a7df8041 Mon Sep 17 00:00:00 2001
From: Csaky <Tim.Csaky@gov.bc.ca>
Date: Tue, 27 Feb 2024 15:47:17 -0800
Subject: [PATCH] loadLazyData on keychange

---
 frontend/src/components/object/ObjectFilters.vue | 10 ----------
 frontend/src/components/object/ObjectTable.vue   |  8 +++++---
 2 files changed, 5 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/object/ObjectFilters.vue b/frontend/src/components/object/ObjectFilters.vue
index 8bfbf675..1782e15c 100644
--- a/frontend/src/components/object/ObjectFilters.vue
+++ b/frontend/src/components/object/ObjectFilters.vue
@@ -115,16 +115,6 @@ const selectedFilterValuesChanged = () => {
   const tagSetToSearch: Array<Tag> = selectedTags.value.map(({ ...tag }: any) => tag);
   emit('selectedFilters', { metaToSearch, tagSetToSearch });
   // Search the object store with the tagset as a param and metadata as headers
-  objectStore.fetchObjects(
-    {
-      bucketId: props.bucketId,
-      bucketPerms: true,
-      permCode: Permissions.READ,
-      userId: getUserId.value
-    },
-    tagSetToSearch,
-    metaToSearch
-  );
 };
 
 const searchMetadata = async () => {
diff --git a/frontend/src/components/object/ObjectTable.vue b/frontend/src/components/object/ObjectTable.vue
index 49ea7db9..07d24c5d 100644
--- a/frontend/src/components/object/ObjectTable.vue
+++ b/frontend/src/components/object/ObjectTable.vue
@@ -108,7 +108,7 @@ const loadLazyData = (event?: any) => {
         deleteMarker: false,
         latest: true,
         page: lazyParams.value?.page ? ++lazyParams.value.page : 1,
-        name: lazyParams.value?.filters?.name.value,
+        name: lazyParams.value?.filters?.name.value ? lazyParams.value?.filters?.name.value : undefined,
         limit: lazyParams.value.rows,
         sort: lazyParams.value.sortField,
         order: lazyParams.value.sortOrder === 1 ? 'asc' : 'desc',
@@ -170,6 +170,7 @@ const selectedFilters = (payload: any) => {
       return r;
     }, {});
   lazyParams.value.filters = filters;
+  loadLazyData();
 };
 </script>
 
@@ -187,8 +188,8 @@ const selectedFilters = (payload: any) => {
       data-key="id"
       class="p-datatable-sm"
       responsive-layout="scroll"
-      :rows="10"
-      :rows-per-page-options="[10, 20, 50]"
+      :rows="3"
+      :rows-per-page-options="[3, 20, 50]"
       sort-field="updatedAt"
       :sort-order="-1"
       :global-filter-fields="['name']"
@@ -212,6 +213,7 @@ const selectedFilters = (payload: any) => {
               v-model="filters.name.value"
               class="searchInput"
               placeholder="Search File Names"
+              @keyup.enter="loadLazyData"
             />
             <Button
               v-show="filters.name.value !== undefined"