update demo-react-movie-app-with-algolia,

2025-06-08 19:07:38 +08:00
parent b9fbe4e476
commit c11dba6297
15 changed files with 763 additions and 105 deletions
--- a/03_source/mobile/src/pages/DemoReactMovieAppWithAlgolia/components/CustomSearchbox.js
+++ b/03_source/mobile/src/pages/DemoReactMovieAppWithAlgolia/components/CustomSearchbox.js
@@ -0,0 +1,9 @@
+import { IonSearchbar } from "@ionic/react";
+import { searchCircleOutline } from "ionicons/icons";
+import { connectSearchBox } from "react-instantsearch-core";
+
+const CustomSearchBox = ({ currentRefinement, refine }) => (
+	<IonSearchbar animated={ true } onIonCancel={ () => refine('') } value={ currentRefinement } onIonChange={ event => refine(event.currentTarget.value) } onKeyUp={ event => refine(event.currentTarget.value) } placeholder="Try 'Avengers'" icon={ searchCircleOutline } slot="end" />
+);
+
+export default connectSearchBox(CustomSearchBox);