From 90616bcaa6f9a1f5b34ae0e5f1a42dd62f3b32cd Mon Sep 17 00:00:00 2001
From: Camila Belo <camilaibs@gmail.com>
Date: Sat, 8 Oct 2022 15:04:49 +0200
Subject: [PATCH] refactor(search-react): add to create-app search page
 template

Signed-off-by: Camila Belo <camilaibs@gmail.com>
---
 .changeset/silent-mice-brake.md                              | 5 +++++
 .../packages/app/src/components/search/SearchPage.tsx        | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/silent-mice-brake.md

diff --git a/.changeset/silent-mice-brake.md b/.changeset/silent-mice-brake.md
new file mode 100644
index 0000000000..c8ebb28f40
--- /dev/null
+++ b/.changeset/silent-mice-brake.md
@@ -0,0 +1,5 @@
+---
+'@backstage/create-app': minor
+---
+
+Add the new search pagination component to the search page template.
diff --git a/packages/create-app/templates/default-app/packages/app/src/components/search/SearchPage.tsx b/packages/create-app/templates/default-app/packages/app/src/components/search/SearchPage.tsx
index 928b8201ea..9f11d0c80c 100644
--- a/packages/create-app/templates/default-app/packages/app/src/components/search/SearchPage.tsx
+++ b/packages/create-app/templates/default-app/packages/app/src/components/search/SearchPage.tsx
@@ -14,6 +14,7 @@ import {
   SearchBar,
   SearchFilter,
   SearchResult,
+  SearchPagination,
   useSearch,
 } from '@backstage/plugin-search-react';
 import {
@@ -109,6 +110,7 @@ const SearchPage = () => {
             </Paper>
           </Grid>
           <Grid item xs={9}>
+            <SearchPagination />
             <SearchResult>
               {({ results }) => (
                 <List>