implement pagination

This commit is contained in:
2025-05-28 12:30:08 +03:00
parent 9eaaff9eb2
commit a673210f9f
7 changed files with 215 additions and 30 deletions

View File

@@ -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>
)