fix(@dpc-sdp/ripple-tide-search): fixed dropdown options not updating

dpc-sdp · Jul 13, 2023 · 295d3d1 · 295d3d1
1 parent 22d5439
commit 295d3d1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git 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
@@ -5,13 +5,15 @@ interface Props {
   multiple: boolean
   label: string
   options?: any[]
+  timestamp: string
 }
 defineProps<Props>()
 </script>
 
 <template>
   <FormKit
     :id="id"
+    :key="`${id}-${timestamp}`"
     :name="id"
     type="RplFormDropdown"
     :multiple="multiple"