Spaces:
Build error
Build error
File size: 1,539 Bytes
58e210e 35dd4ef 58e210e 35dd4ef 58e210e 35dd4ef 58e210e 35dd4ef |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
"use client";
import { useState, useEffect } from "react";
interface SearchResult {
id: number;
title: string;
// Add more properties as needed
}
interface UseSearchResult {
searchResults: SearchResult[];
isLoading: boolean;
handleSearch: (query: string) => Promise<void>;
}
const search_api = process.env.NEXT_PUBLIC_SEARCH_API;
const useSearch = (): UseSearchResult => {
const [searchResults, setSearchResults] = useState<SearchResult[]>([]);
const [isLoading, setIsLoading] = useState(false);
const handleSearch = async (query: string): Promise<void> => {
setIsLoading(true);
if (!search_api) {
console.error("Search API is not defined");
setIsLoading(false);
return;
}
// Perform search logic here
try {
console.log("Searching for:", query);
const response = await fetch(`${search_api}?query=${query}`);
const data = await response.json();
setSearchResults(data);
} catch (error) {
console.error("Error during search:", error);
setSearchResults([]);
}
setIsLoading(false);
};
useEffect(() => {
// Initial load logic if needed
// ...
// Cleanup logic if needed
return () => {
// ...
};
}, []); // Dependency array depends on your use case
return {
searchResults,
isLoading,
handleSearch,
};
};
export default useSearch;
|