implement pagination
This commit is contained in:
@@ -51,7 +51,7 @@ export async function generateMetadata(): Promise<Metadata> {
|
||||
|
||||
export default async function SearchPage(props: SearchPageProps) {
|
||||
const params = await props.params
|
||||
const { results, count } = await fetchRoutes(params.category || '')
|
||||
const { results, count, next, previous } = await fetchRoutes(params.category || '')
|
||||
|
||||
return (
|
||||
<div className="container mx-auto p-4">
|
||||
@@ -63,7 +63,12 @@ export default async function SearchPage(props: SearchPageProps) {
|
||||
<AddressSelector is_search={true} />
|
||||
|
||||
<Suspense fallback={<div>Загрузка результатов...</div>}>
|
||||
<ClientResults initialResults={results} />
|
||||
<ClientResults
|
||||
initialResults={results}
|
||||
initialCount={count}
|
||||
initialNext={next}
|
||||
initialPrevious={previous}
|
||||
/>
|
||||
</Suspense>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user