docs: search-box

oramasearch · Oct 10, 2024 · b57b1a4 · b57b1a4
1 parent bd2290d
commit b57b1a4
Show file tree

Hide file tree

Showing 3 changed files with 12,133 additions and 15,587 deletions.
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -32,7 +32,7 @@
     "@astrojs/starlight-tailwind": "^2.0.3",
     "@astrojs/tailwind": "^5.1.0",
     "@jop-software/astro-cookieconsent": "^3.0.0",
-    "@orama/react-components": "^0.0.25",
+    "@orama/react-components": "^0.0.28",
     "@oramacloud/client": "^1.3.16",
     "astro": "^4.11.3",
     "astro-og-canvas": "^0.5.3",

diff --git a/packages/docs/src/components/Search.tsx b/packages/docs/src/components/Search.tsx
@@ -47,8 +47,6 @@ export function Search() {
   const [theme, setTheme] = useState(document.documentElement.dataset.theme || 'dark')
   const [currentCategory, setCurrentCategory] = useState(null)
   const [userId, setUserId] = useState(getOramaUserId())
-
-  // TODO: Remove when fully integrated
   const [isOpen, setIsOpen] = useState(false)
 
   useEffect(() => {
@@ -125,13 +123,14 @@ export function Search() {
           description: 'content'
         }}
         searchParams={{
-          // @ts-ignore
-          where: oramaWhere
+          where: oramaWhere as any
         }}
         facetProperty={facetProperty}
         colorScheme={theme === 'light' ? 'light' : 'dark'}
         open={isOpen}
         suggestions={suggestions}
+        searchPlaceholder={`Search ${currentCategory === 'Open Source' ? 'Open Source' : 'Orama Cloud'}`}
+        chatPlaceholder='Ask me anything about Orama'
       />
 
       <OramaSearchButton
@@ -142,7 +141,7 @@ export function Search() {
         }}
         style={{ width: '100%' }}
       >
-        Search {currentCategory === 'Open Source' && 'Open Source'}
+        Search
       </OramaSearchButton>
     </>
   )