refactor(search-react): use mui table pagination component

Signed-off-by: Camila Belo <camilaibs@gmail.com>
This commit is contained in:
Camila Belo
2022-10-08 15:03:43 +02:00
parent 5eb598babb
commit c9198c9fce
9 changed files with 331 additions and 236 deletions
@@ -35,7 +35,7 @@ import {
SearchBar,
SearchFilter,
SearchResult,
SearchResultLimiter,
SearchPagination,
SearchResultPager,
useSearch,
} from '@backstage/plugin-search-react';
@@ -56,10 +56,6 @@ const useStyles = makeStyles((theme: Theme) => ({
padding: theme.spacing(2),
marginTop: theme.spacing(2),
},
limiter: {
width: '100%',
justifyContent: 'flex-end',
},
}));
const SearchPage = () => {
@@ -134,7 +130,7 @@ const SearchPage = () => {
</Grid>
)}
<Grid item xs>
<SearchResultLimiter className={classes.limiter} />
<SearchPagination />
<SearchResult>
{({ results }) => (
<List>