examples(web): update SSR example to use Next.JS 14

appbaseio · Mar 27, 2024 · ea70d22 · ea70d22
1 parent 3a4a72f
commit ea70d22
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/web/examples/ssr/package.json b/packages/web/examples/ssr/package.json
@@ -8,7 +8,7 @@
 		"@appbaseio/reactivesearch": "4.2.2",
 		"emotion-server": "^10.0.27",
 		"moment": "^2.29.4",
-		"next": "^13.0.7",
+		"next": "^14.0.0",
 		"prop-types": "^15.6.1",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"

diff --git a/packages/web/examples/ssr/pages/index.js b/packages/web/examples/ssr/pages/index.js
@@ -4,6 +4,7 @@ import {
 	ReactiveBase,
 	ReactiveList,
 	SearchBox,
+	NumberBox,
 	SelectedFilters,
 	getServerState,
 	RangeSlider,
@@ -87,6 +88,16 @@ function Main(props) {
 									<i className="fa fa-star" /> Ratings
 								</b>
 							</div>
+							<NumberBox
+								componentId="VoteAverageNB"
+								dataField="vote_average"
+								data={{ start: 0, end: 10, label: 'Votes' }}
+								react={{
+									and: ['SearchSensor', 'results', 'GenresList'],
+								}}
+								URLParams
+								className="review-filter"
+							/>
 							<RangeSlider
 								componentId="VoteAverage"
 								dataField="vote_average"
@@ -205,7 +216,7 @@ function Main(props) {
 								)}
 								URLParams
 								react={{
-									and: ['SearchSensor', 'VoteAverage', 'GenresList'],
+									and: ['SearchSensor', 'VoteAverage', 'GenresList', 'VoteAverageNB'],
 								}}
 								innerClass={{
 									resultStats: 'result-stats',