| 1 |
import { useState, useEffect } from "react"; |
| 2 |
import useDebounce from "./useDebounce"; |
| 3 |
import apiFetch from "@wordpress/api-fetch"; |
| 4 |
import { addQueryArgs } from "@wordpress/url"; |
| 5 |
|
| 6 |
const useAuthorsSearchQuery = () => { |
| 7 |
const [userSearchValue, setUserSearchValue] = useState(''); |
| 8 |
const debouncedSearchValue = useDebounce(userSearchValue); |
| 9 |
const [searchedUsers, setSeachedUsers] = useState([]); |
| 10 |
const [searchLoading, setSearchLoading] = useState(false); |
| 11 |
|
| 12 |
useEffect(() => { |
| 13 |
if( debouncedSearchValue != '' ){ |
| 14 |
setSearchLoading(true); |
| 15 |
apiFetch({ |
| 16 |
path: addQueryArgs(`wp/v2/users`, {'search':debouncedSearchValue}), |
| 17 |
method: "GET", |
| 18 |
}).then((data) => { |
| 19 |
if(data?.length > 0){ |
| 20 |
let result = data?.map((author) => ({ |
| 21 |
value: author.id, |
| 22 |
label: author.name, |
| 23 |
})); |
| 24 |
setSeachedUsers(result); |
| 25 |
} |
| 26 |
setSearchLoading(false); |
| 27 |
}) |
| 28 |
} else { |
| 29 |
setSeachedUsers([]); |
| 30 |
} |
| 31 |
}, [debouncedSearchValue]); |
| 32 |
|
| 33 |
return {setUserSearchValue, searchedUsers, searchLoading} |
| 34 |
} |
| 35 |
|
| 36 |
export default useAuthorsSearchQuery; |
| 37 |
|
