it's buggy but it's a search page

HolodexNet · Oct 29, 2024 · c4647a5 · c4647a5
1 parent c1969a9
commit c4647a5
Show file tree

Hide file tree

Showing 8 changed files with 2,137 additions and 10 deletions.
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -49,6 +49,7 @@
     "@tanstack/query-persist-client-core": "^5.59.13",
     "@tanstack/react-query": "^5.59.15",
     "@tanstack/react-query-devtools": "^5.59.15",
+    "@types/elasticsearch": "^5.0.43",
     "@types/react-text-mask": "^5.4.14",
     "@types/wicg-file-system-access": "^2023.10.5",
     "class-variance-authority": "^0.7.0",
@@ -140,4 +141,4 @@
     "unocss-preset-autoprefixer": "^0.0.7",
     "vite": "^5.3.4"
   }
-}
+}
diff --git a/packages/react/src/components/header/searchbar/components/SearchBar.tsx b/packages/react/src/components/header/searchbar/components/SearchBar.tsx
@@ -7,7 +7,7 @@ import {
   useSearchboxAutocomplete,
 } from "../hooks/useAutocomplete";
 import { useAtom } from "jotai";
-import { JSON_SCHEMA, QueryItem } from "../types";
+import { JSON_SCHEMA, QueryItem, VideoQueryContainer } from "../types";
 import { QueryBadge } from "./QueryBadge";
 import { useTranslation } from "react-i18next";
 import { HTMLAttributes, useRef, useState, useCallback } from "react";
@@ -83,9 +83,15 @@ export function SearchBar({
   const doSearch = useCallback(() => {
     if (query.length > 0) {
       const qm = getQueryModelFromQuery(query);
+      if (!qm) return;
       navigate({
         pathname: "/search",
-        search: "?" + stringify(qm),
+        search:
+          "?" +
+          stringify({
+            q: qm,
+            pagination: { size: 24, sort: "latest" },
+          } satisfies VideoQueryContainer),
       });
     }
   }, [navigate, query]);