feat(my-history): change history query filters' prop

empathyco · Nov 2, 2023 · ffc4441 · ffc4441
1 parent b78ef52
commit ffc4441
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 11 deletions.
diff --git a/src/components/history-query-filters.vue b/src/components/history-query-filters.vue
@@ -1,14 +1,11 @@
 <template>
-  <div
-    v-if="suggestion.selectedFilters && suggestion.selectedFilters.length"
-    class="x-text1-sm x-flex x-gap-8 x-text-lead-50"
-  >
+  <div v-if="filtersList && filtersList.length" class="x-text1-sm x-flex x-gap-8 x-text-lead-50">
     <div class="x-truncate">
-      <span v-for="filter in suggestion.selectedFilters" :key="filter.id" class="x-pr-8">
+      <span v-for="filter in filtersList" :key="filter.id" class="x-pr-8">
         {{ filter.label }}
       </span>
     </div>
-    <span>({{ suggestion.selectedFilters.length }})</span>
+    <span>({{ filtersList.length }})</span>
   </div>
 </template>
 
@@ -18,8 +15,8 @@
 
   export default defineComponent({
     props: {
-      suggestion: {
-        type: Object as PropType<HistoryQuery>,
+      filtersList: {
+        type: Array as PropType<HistoryQuery['selectedFilters']>,
         required: true
       }
     }

diff --git a/src/components/my-history/custom-my-history.vue b/src/components/my-history/custom-my-history.vue
@@ -24,7 +24,10 @@
             <div class="x-group x-flex x-flex-col x-gap-2">
               <p class="group-hover:x-underline">{{ suggestion.query }}</p>
 
-              <HistoryQueryFilters class="x-w-224 desktop:x-w-320" :suggestion="suggestion" />
+              <HistoryQueryFilters
+                class="x-w-224 desktop:x-w-320"
+                :filtersList="suggestion.selectedFilters"
+              />
 
               <p class="x-text1 x-text1-sm x-text-neutral-75">
                 {{ formatTime(suggestion.timestamp) }}

diff --git a/src/components/predictive-layer/full-width-predictive.vue b/src/components/predictive-layer/full-width-predictive.vue
@@ -51,7 +51,10 @@
                                     :highlight="query"
                                     class="group-hover:x-underline"
                                   />
-                                  <HistoryQueryFilters class="x-w-128" :suggestion="suggestion" />
+                                  <HistoryQueryFilters
+                                    class="x-w-128"
+                                    :filtersList="suggestion.selectedFilters"
+                                  />
                                 </div>
                               </template>
 

diff --git a/src/components/predictive-layer/predictive-layer.vue b/src/components/predictive-layer/predictive-layer.vue
@@ -60,7 +60,7 @@
                         <Highlight :text="suggestion.query" :highlight="query" />
                         <HistoryQueryFilters
                           class="x-w-192 desktop:x-w-128"
-                          :suggestion="suggestion"
+                          :filtersList="suggestion.selectedFilters"
                         />
                       </div>
                     </template>