Fixed Search results request on every entered letter

src/web/src/components/SearchProvider.tsx

@@ -7,6 +7,7 @@ type FilterProp = {
 
 export interface SearchContextInterface {
   text: string;
+  textParam: string;
   filter: FilterProp['filter'];
   showHelp: boolean;
   onTextChange: (value: string) => void;
@@ -16,6 +17,7 @@ export interface SearchContextInterface {
 
 const SearchContext = createContext<SearchContextInterface>({
   text: '',
+  textParam: '',
   filter: 'post',
   showHelp: true,
   onTextChange() {
@@ -72,7 +74,7 @@ const SearchProvider = ({ children }: Props) => {
 
   return (
     <SearchContext.Provider
-      value={{ text, showHelp, filter, onTextChange, onFilterChange, onSubmitHandler }}
+      value={{ text, textParam, showHelp, filter, onTextChange, onFilterChange, onSubmitHandler }}
     >
       {children}
     </SearchContext.Provider>

src/web/src/components/SearchResults.tsx

@@ -51,13 +51,13 @@ const useStyles = makeStyles(() => ({
 
 const SearchResults = () => {
   const classes = useStyles();
-  const { text, filter } = useSearchValue();
+  const { textParam, filter } = useSearchValue();
 
   const prepareUrl = (index: number) =>
-    `${telescopeUrl}/query?text=${encodeURIComponent(text)}&filter=${filter}&page=${index}`;
+    `${telescopeUrl}/query?text=${encodeURIComponent(textParam)}&filter=${filter}&page=${index}`;
 
   // We only bother doing the request if we have something to search for.
-  const shouldFetch = () => text.length > 0;
+  const shouldFetch = () => textParam.length > 0;
   const { data, size, setSize, error } = useSWRInfinite(
     (index) => (shouldFetch() ? prepareUrl(index) : null),
     async (u) => {
@@ -92,7 +92,7 @@ const SearchResults = () => {
     );
   }
 
-  if (text.length && loading) {
+  if (textParam.length && loading) {
     return (
       <Container className={classes.searchResults}>
         <h1 className={classes.spinner}>