ti.sil/sourcebot
1
0
Fork 0
mirror of https://github.com/sourcebot-dev/sourcebot.git synced 2025-12-12 04:15:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Set query param to empty when input box is empty

Browse source
This commit is contained in:
bkellam 2024-08-24 20:10:01 -07:00
parent d14d76d952
commit 90b6256a4e
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/app/page.tsx
View file

@ -28,13 +28,14 @@ interface ZoekFileMatch {
URL: string,
}
interface ZoekSearchResult {
result: {
QueryStr: string,
FileMatches: ZoekFileMatch[] | null,
}
interface ZoekResult {
QueryStr: string,
FileMatches: ZoekFileMatch[] | null,
}
interface ZoekSearchResponse {
result: ZoekResult;
}
export default function Home() {
const router = useRouter();
@ -67,9 +68,8 @@ export default function Home() {
query={query}
numResults={numResults}
onQueryChange={(query) => setQuery(query)}
onClear={() => setFileMatches([])}
onSearchResult={({ result }) => {
setFileMatches(result.FileMatches ?? []);
onSearchResult={(result) => {
setFileMatches(result?.FileMatches ?? []);
router.push(`?query=${query}&numResults=${numResults}`);
}}
/>
@ -91,8 +91,7 @@ interface SearchBarProps {
query: string;
numResults: number;
onQueryChange: (query: string) => void;
onSearchResult: (result: ZoekSearchResult) => void,
onClear: () => void,
onSearchResult: (result?: ZoekResult) => void,
}
const SearchBar = ({
@ -100,20 +99,19 @@ const SearchBar = ({
numResults,
onQueryChange,
onSearchResult,
onClear,
}: SearchBarProps) => {
const SEARCH_DEBOUNCE_MS = 200;
const search = useDebouncedCallback((query: string) => {
if (query === "") {
onClear();
onSearchResult(undefined);
return;
}
console.log('making query...');
fetch(`http://localhost:3000/zoekt/search?query=${query}&numResults=${numResults}`)
.then(response => response.json())
.then(({ data }: { data: ZoekSearchResult }) => {
onSearchResult(data);
.then(({ data }: { data: ZoekSearchResponse }) => {
onSearchResult(data.result);
})
// @todo : error handling
.catch(error => {