function MainComponent() { const [searchQuery, setSearchQuery] = React.useState(''); const [searchResults, setSearchResults] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const [page, setPage] = React.useState(1); const performSearch = async (query, feelingLucky = false) => { setIsLoading(true); try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}`); const data = await response.json(); setSearchResults(data.items || []); if (feelingLucky && data.items && data.items.length > 0) { window.location.href = data.items[0].link; } } catch (error) { console.error('Error fetching search results:', error); } finally { setIsLoading(false); } }; const handleSearch = () => { performSearch(searchQuery); }; const handleFeelingLucky = () => { performSearch(searchQuery, true); }; return (

G o o g l e

setSearchQuery(e.target.value)} />

{isLoading ? (

) : ( )}

{searchResults.length > 0 && (

{searchResults.slice((page - 1) * 10, page * 10).map((result, index) => (

{result.title}

{result.displayLink}

{result.snippet}

))}

setPage(prev => Math.max(1, prev - 1))} /> setPage(prev => prev + 1)} />

)}

); }