diff --git a/src/client/theme-api/useSiteSearch/index.ts b/src/client/theme-api/useSiteSearch/index.ts index 0118734654..11d8fb6570 100644 --- a/src/client/theme-api/useSiteSearch/index.ts +++ b/src/client/theme-api/useSiteSearch/index.ts @@ -38,9 +38,7 @@ if (typeof window !== 'undefined') { export const useSiteSearch = () => { const debounceTimer = useRef(); - // const routes = useLocaleDocRoutes(); - // const { demos } = useSiteData(); - const [loading, setLoading] = useState(false); + const [loading, setLoading] = useState(true); const [keywords, setKeywords] = useState(''); const [enabled, setEnabled] = useState(false); const navData = useNavData(); diff --git a/src/client/theme-default/slots/SearchBar/index.tsx b/src/client/theme-default/slots/SearchBar/index.tsx index 8d71bab59a..24340ad1f7 100644 --- a/src/client/theme-default/slots/SearchBar/index.tsx +++ b/src/client/theme-default/slots/SearchBar/index.tsx @@ -80,6 +80,7 @@ const SearchBar: FC = () => { { setFocusing(true); + loadSearchData(); }} onMouseEnter={() => { loadSearchData(); diff --git a/src/client/theme-default/slots/SearchResult/index.tsx b/src/client/theme-default/slots/SearchResult/index.tsx index 543081f229..be15db45ba 100644 --- a/src/client/theme-default/slots/SearchResult/index.tsx +++ b/src/client/theme-default/slots/SearchResult/index.tsx @@ -119,6 +119,13 @@ const SearchResult: FC<{ }> = (props) => { const [data, histsCount] = useFlatSearchData(props.data); const [activeIndex, setActiveIndex] = useState(-1); + const [loading, setLoading] = useState(props.loading); + + useEffect(() => { + if (!props.loading) { + setLoading(false); + } + }, [props.loading]); useEffect(() => { const handler = (ev: KeyboardEvent) => { @@ -149,7 +156,7 @@ const SearchResult: FC<{ let returnNode: React.ReactNode = null; - if (props.loading) { + if (loading) { returnNode = (