From 295d3d1b68146932c1abc08bb856f608e6e593ab Mon Sep 17 00:00:00 2001
From: Jeffrey Dowdle <jeffrey.dowdle@dpc.vic.gov.au>
Date: Thu, 13 Jul 2023 10:26:26 +1000
Subject: [PATCH] fix(@dpc-sdp/ripple-tide-search): fixed dropdown options not
 updating

---
 .../ripple-tide-search/components/TideSearchListingPage.vue    | 3 +++
 .../components/global/TideSearchFilterDropdown.vue             | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/packages/ripple-tide-search/components/TideSearchListingPage.vue b/packages/ripple-tide-search/components/TideSearchListingPage.vue
index 35e74f57cd..71531047bc 100644
--- a/packages/ripple-tide-search/components/TideSearchListingPage.vue
+++ b/packages/ripple-tide-search/components/TideSearchListingPage.vue
@@ -100,6 +100,8 @@ const uiFilters = ref(props.userFilters)
 
 // Updates filter options with aggregation value
 onAggregationUpdateHook.value = (aggs) => {
+  const updateTimestamp = Date.now()
+
   Object.keys(aggs).forEach((key) => {
     uiFilters.value.forEach((uiFilter, idx) => {
       if (uiFilter.id === key) {
@@ -122,6 +124,7 @@ onAggregationUpdateHook.value = (aggs) => {
           ...uiFilters.value[idx],
           props: {
             ...uiFilters.value[idx].props,
+            timestamp: updateTimestamp,
             options: getOptions()
           }
         }
diff --git a/packages/ripple-tide-search/components/global/TideSearchFilterDropdown.vue b/packages/ripple-tide-search/components/global/TideSearchFilterDropdown.vue
index 63c3a7d776..e00c99df33 100644
--- a/packages/ripple-tide-search/components/global/TideSearchFilterDropdown.vue
+++ b/packages/ripple-tide-search/components/global/TideSearchFilterDropdown.vue
@@ -5,6 +5,7 @@ interface Props {
   multiple: boolean
   label: string
   options?: any[]
+  timestamp: string
 }
 defineProps<Props>()
 </script>
@@ -12,6 +13,7 @@ defineProps<Props>()
 <template>
   <FormKit
     :id="id"
+    :key="`${id}-${timestamp}`"
     :name="id"
     type="RplFormDropdown"
     :multiple="multiple"