From d98a9af4120b48c5430ec2ec2c2451147062c32e Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Fri, 15 Mar 2024 09:08:11 +1100
Subject: [PATCH 1/2] fix(@dpc-sdp/ripple-tide-search): don't show no results
 message before search is complete

---
 .../global/TideLandingPage/ContentCollection.vue          | 4 ++--
 packages/ripple-tide-search/components/TideSearchPage.vue | 5 +++--
 packages/ripple-tide-search/composables/useSearchUI.ts    | 8 +++++++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue b/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue
index 7f1af9dd17..f6cf045155 100644
--- a/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue
+++ b/packages/ripple-tide-landing-page/components/global/TideLandingPage/ContentCollection.vue
@@ -4,7 +4,7 @@
     <RplContent v-if="searchState.error">
       <p>Sorry! Something went wrong. Please try again later.</p>
     </RplContent>
-    <RplContent v-else-if="!searchState.isLoading && !searchState.totalResults">
+    <RplContent v-else-if="searchComplete && !searchState.totalResults">
       <p>Sorry! We couldn't find any matches.</p>
     </RplContent>
     <div v-else>
@@ -149,7 +149,7 @@ const searchDriverOptions = {
   }
 }
 
-const { results, searchState } = await useSearchUI(
+const { results, searchState, searchComplete } = await useSearchUI(
   apiConnectorOptions,
   searchDriverOptions,
   [],
diff --git a/packages/ripple-tide-search/components/TideSearchPage.vue b/packages/ripple-tide-search/components/TideSearchPage.vue
index 0a54126ac4..f19e12a1ee 100644
--- a/packages/ripple-tide-search/components/TideSearchPage.vue
+++ b/packages/ripple-tide-search/components/TideSearchPage.vue
@@ -91,7 +91,8 @@ const {
   searchTermSuggestions,
   results,
   staticFacetOptions,
-  filterFormValues
+  filterFormValues,
+  searchComplete
 } = await useSearchUI(
   apiConnectorOptions,
   props.searchDriverOptions,
@@ -300,7 +301,7 @@ watch(
             >
               <TideSearchError v-if="searchState.error" />
               <TideSearchNoResults
-                v-else-if="!searchState.isLoading && !searchState.totalResults"
+                v-else-if="searchComplete && !searchState.totalResults"
               />
               <RplResultListing v-else>
                 <RplResultListingItem
diff --git a/packages/ripple-tide-search/composables/useSearchUI.ts b/packages/ripple-tide-search/composables/useSearchUI.ts
index e75cb27249..c0cfe90725 100644
--- a/packages/ripple-tide-search/composables/useSearchUI.ts
+++ b/packages/ripple-tide-search/composables/useSearchUI.ts
@@ -43,6 +43,7 @@ export default async (
       }, {})
     }
   })
+  const searchComplete = ref(false)
   const searchDriver = getSearchDriver(apiConnectorOptions, config)
   const searchState = ref(searchDriver.getState())
   const urlManager = ref(searchDriver.URLManager)
@@ -72,6 +73,10 @@ export default async (
   )
 
   searchDriver.subscribeToStateChanges((state: SearchState) => {
+    if (!state.isLoading && searchState.value.isLoading) {
+      searchComplete.value = true
+    }
+
     searchState.value = state
   })
 
@@ -140,6 +145,7 @@ export default async (
     searchTermSuggestions,
     results,
     staticFacetOptions,
-    filterFormValues
+    filterFormValues,
+    searchComplete
   }
 }

From b2dfc991b3e304985b3ed40d4738753408106c24 Mon Sep 17 00:00:00 2001
From: David Featherston <david.featherstone@dpc.vic.gov.au>
Date: Fri, 15 Mar 2024 10:46:56 +1100
Subject: [PATCH 2/2] fix(@dpc-sdp/ripple-tide-search): add back extra
 searchState.isLoading check

---
 packages/ripple-tide-search/components/TideSearchPage.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/ripple-tide-search/components/TideSearchPage.vue b/packages/ripple-tide-search/components/TideSearchPage.vue
index da10b80038..286ef80afa 100644
--- a/packages/ripple-tide-search/components/TideSearchPage.vue
+++ b/packages/ripple-tide-search/components/TideSearchPage.vue
@@ -301,7 +301,11 @@ watch(
             >
               <TideSearchError v-if="searchState.error" />
               <TideSearchNoResults
-                v-else-if="searchComplete && !searchState.totalResults"
+                v-else-if="
+                  searchComplete &&
+                  !searchState.isLoading &&
+                  !searchState.totalResults
+                "
                 :query="searchState.searchTerm"
               />
               <RplResultListing v-else>