use algolia search package

Author: mimurawil

.env.example

@@ -1,3 +1,5 @@
 ALGOLIA_APP_ID=I9A62UQS9Z
 ALGOLIA_WRITE_API_KEY=
-ALGOLIA_INDEX_NAME=docs-test
+ALGOLIA_INDEX_NAME=docs-test
+PUBLIC_ALGOLIA_SEARCH_APP_ID=
+PUBlIC_ALGOLIA_SEARCH_PUBLIC_API_KEY=

package-lock.json

@@ -50,6 +50,7 @@
     "@openzeppelin/contracts": "^4.9.6",
     "astro": "^4.9.1",
     "bignumber.js": "^9.1.2",
+    "chainlink-algolia-search": "^0.1.0",
     "clipboard": "^2.0.11",
     "dotenv": "^16.4.5",
     "ethers": "^5.7.2",

package.json

@@ -1,11 +1,9 @@
-import { SearchButton } from "./SearchButton"
-import { SearchModal } from "./SearchModal"
+import { SearchButton } from "chainlink-algolia-search"
+import "chainlink-algolia-search/dist/index.css"
+
+const algoliaAppId = import.meta.env.PUBLIC_ALGOLIA_SEARCH_APP_ID || ""
+const algoliaPublicApiKey = import.meta.env.PUBLIC_ALGOLIA_SEARCH_PUBLIC_API_KEY || ""
 
 export const Search = ({ variant = "default" }: { variant?: "default" | "mobile" }) => {
-  return (
-    <>
-      <SearchButton variant={variant} />
-      <SearchModal />
-    </>
-  )
+  return <SearchButton algoliaAppId={algoliaAppId} algoliaPublicApiKey={algoliaPublicApiKey} />
 }