location search bug fixed

SaqibSyed1014 · Aug 20, 2024 · f2162f1 · f2162f1
1 parent f6b5d32
commit f2162f1
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/components/core/ListingFilters.vue b/components/core/ListingFilters.vue
@@ -8,7 +8,7 @@ const props = withDefaults(defineProps<{
   wageType?: string
   includeAllJobs?: boolean
   filtersLoading: boolean
-  showFacetCount: boolean
+  showFacetCount?: boolean
 }>(), {
   showFacetCount: true
 });
@@ -24,7 +24,7 @@ const emits = defineEmits([
 const filterState = ref(JSON.parse(JSON.stringify(props.filtrationList)));
 
 const selectedValues = ref<{ field: string, values: string[] }[]>([]);
-const savedCompensationValues = ref<number[]>(props.selectedCompensation);
+const savedCompensationValues = ref<number[]>(props?.selectedCompensation || []);
 const selectedWageType = ref(props.wageType);
 const includeAllJobs = ref(props.includeAllJobs);
 

diff --git a/components/core/SearchBar.vue b/components/core/SearchBar.vue
@@ -16,17 +16,20 @@ watch(() => props.queryValue, (val) => {
   searchedValue.value = val.q === '*' ? '' : val.q
 })
 
+watch(() => props.location, (val) => {
+  const field = document.getElementById('mapInput') as HTMLInputElement;
+  if (val?.length) {
+    field.value = val;
+  }
+})
+
 watch(() => props.coordinates, (val) => {
   if (val) coordinates.value = val
 })
 
 onMounted(() => {
   setTimeout(() => {
-    const field = document.getElementById('mapInput') as HTMLInputElement
-    if (props.location) {
-      field.value = props.location
-      // field.focus()
-    }
+    const field = document.getElementById('mapInput') as HTMLInputElement;
     field.addEventListener('keyup', function (event :KeyboardEvent) {
       if (event.key === 'Enter' && (coordinates.value.lat !== 0 && coordinates.value.lng !== 0))
         performSearch();
@@ -70,6 +73,7 @@ function checkFieldInput() {
         <SvgoSearch class="w-4 h-4 text-gray-400" />
         <input
             v-model="searchedValue"
+            id="searchKeywordField"
             type="text"
             placeholder="Keyword, Job title..."
             class="w-full"

diff --git a/pages/jobs/index.vue b/pages/jobs/index.vue
@@ -163,7 +163,6 @@ async function doSearch(resetToDefaultPage = false) {
 }
 
 function updateFiltersWithFacetCounts() {
-  console.log('facet filters', filters.value)
   filters.value.map((filter) => {
     if (filter.type === 'checkbox') {
       facetCounts.value.forEach((facet) => {