adds categorysearch component

awesome-reactivesearch · Apr 12, 2017 · 3faea4f · 3faea4f
1 parent 4f1302b
commit 3faea4f
Showing 1 changed file with 30 additions and 12 deletions.
diff --git a/app.js b/app.js
@@ -1,5 +1,6 @@
 var {
 	ReactiveBase,
+	CategorySearch,
 	RatingsFilter,
 	ResultCard
 } = ReactiveSearch;
@@ -24,17 +25,34 @@ var Testing = React.createClass({
 			>
 				<div className="row reverse-labels">
 					<div className="col s6 col-xs-6">
-						<RatingsFilter
-							componentId="RatingsSensor"
-							appbaseField="rating"
-							title="RatingsFilter"
-							data={
-							[{ start: 4, end: 5, label: "4 stars and up" },
-								{ start: 3, end: 5, label: "3 stars and up" },
-								{ start: 2, end: 5, label: "2 stars and up" },
-								{ start: 1, end: 5, label: "> 1 stars" }]
-							}
-						/>
+						<div className="row">
+							<div className="col s12 col-xs-12">
+								<CategorySearch
+									componentId="SearchSensor"
+									appbaseField="name"
+									categoryField="brand.raw"
+									placeholder="Search Cars"
+									autocomplete={false}
+								/>
+							</div>
+							<div className="col s12 col-xs-12">
+								<RatingsFilter
+									componentId="RatingsSensor"
+									appbaseField="rating"
+									title="RatingsFilter"
+									data={
+									[{ start: 4, end: 5, label: "4 stars and up" },
+										{ start: 3, end: 5, label: "3 stars and up" },
+										{ start: 2, end: 5, label: "2 stars and up" },
+										{ start: 1, end: 5, label: "> 1 stars" }]
+									}
+									defaultSelected={{
+										"start": 3,
+										"end": 5
+									}}
+								/>
+							</div>
+						</div>
 					</div>
 					<div className="col s6 col-xs-6">
 						<ResultCard
@@ -62,7 +80,7 @@ var Testing = React.createClass({
 								}
 							]}
 							react={{
-								and: "RatingsSensor"
+								and: ["RatingsSensor", "SearchSensor"]
 							}}
 						/>
 					</div>