fix: resource search (#864)

Author: nicolaskempf57

components/CommunityResources/AdminCommunityResourcesPage.vue

@@ -73,7 +73,7 @@ const sortedBy = ref<CommunityResourceSortedBy>('created_at_internal')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)
 const q = ref('')
-const qDebounced = refDebounced(q, 500) // TODO add 500 in config
+const qDebounced = refDebounced(q, config.public.searchDebounce)
 
 function sort(column: CommunityResourceSortedBy, newDirection: SortDirection) {
   sortedBy.value = column

components/Dataservices/AdminDataservicesPage.vue

@@ -113,7 +113,7 @@ const sortedBy = ref<DataserviceSortedBy>('title')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)
 const q = ref('')
-const qDebounced = refDebounced(q, 500) // TODO add 500 in config
+const qDebounced = refDebounced(q, config.public.searchDebounce)
 const dataserviceActivities = ref<Record<Dataservice['id'], Activity>>({})
 
 const props = defineProps<{

components/Dataservices/SearchPage.vue

@@ -224,7 +224,7 @@ watchEffect(() => {
   queryString.value = route.query.q
 })
 
-const deboucedQuery = debouncedRef(queryString, config.public.searchAutocompleteDebounce)
+const deboucedQuery = debouncedRef(queryString, config.public.searchDebounce)
 
 /**
  * Query sort

components/Datasets/AdminDatasetsPage.vue

@@ -142,7 +142,7 @@ const sortedBy = ref<DatasetSortedBy>('created')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)
 const q = ref('')
-const qDebounced = refDebounced(q, 500) // TODO add 500 in config
+const qDebounced = refDebounced(q, config.public.searchDebounce)
 const datasetsStatus = ref<{ label: string, id: string } | null>(null)
 const datasetActivities = ref<Record<DatasetV2['id'], Activity>>({})
 

components/Datasets/SearchPage.vue

@@ -378,7 +378,7 @@ watchEffect(() => {
   queryString.value = route.query.q
 })
 
-const deboucedQuery = debouncedRef(queryString, config.public.searchAutocompleteDebounce)
+const deboucedQuery = debouncedRef(queryString, config.public.searchDebounce)
 
 /**
  * Query sort

components/Discussions/DiscussionsList.vue

@@ -180,7 +180,7 @@ const sortedBy = ref<DiscussionSortedBy>('created')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)
 const q = ref('')
-const qDebounced = refDebounced(q, 500) // TODO add 500 in config
+const qDebounced = refDebounced(q, config.public.searchDebounce)
 
 const me = useMaybeMe()
 

components/Harvesters/AdminHarvestersPage.vue

@@ -199,7 +199,7 @@ const { $api } = useNuxtApp()
 const page = ref(1)
 const pageSize = ref(20)
 const q = ref('')
-const qDebounced = refDebounced(q, 500) // TODO add 500 in config
+const qDebounced = refDebounced(q, config.public.searchDebounce)
 
 const url = computed(() => {
   const url = new URL(`/api/1/harvest/sources/`, config.public.apiBase)

components/Organization/ListPage.vue

@@ -131,7 +131,7 @@ watchEffect(() => {
   q.value = props.initialQ
 })
 
-const qDebounced = debouncedRef(q, config.public.searchAutocompleteDebounce)
+const qDebounced = debouncedRef(q, config.public.searchDebounce)
 const sort = ref(props.sort ?? '')
 const sortParam = computed(() => sort.value ? sort.value : undefined)
 

components/Reuses/AdminReusesPage.vue

@@ -102,14 +102,15 @@ const props = defineProps<{
 }>()
 
 const { $api } = useNuxtApp()
+const config = useRuntimeConfig()
 
 const page = ref(1)
 const pageSize = ref(20)
 const sortedBy = ref<ReuseSortedBy>('created')
 const direction = ref<SortDirection>('desc')
 const sortDirection = computed(() => `${direction.value === 'asc' ? '' : '-'}${sortedBy.value}`)
 const q = ref('')
-const qDebounced = refDebounced(q, 500) // TODO add 500 in config
+const qDebounced = refDebounced(q, config.public.searchDebounce)
 const reuseActivities = ref({})
 
 function sort(column: ReuseSortedBy, newDirection: SortDirection) {

components/Reuses/ListPage.vue

@@ -170,7 +170,7 @@ watchEffect(() => {
   q.value = props.initialQ
 })
 
-const qDebounced = debouncedRef(q, config.public.searchAutocompleteDebounce)
+const qDebounced = debouncedRef(q, config.public.searchDebounce)
 const sort = ref(props.sort ?? '')
 const sortParam = computed(() => sort.value ? sort.value : undefined)
 const topic = ref(props.topic)