Commit 3ce24867 authored by Vũ Đình Nguyên's avatar Vũ Đình Nguyên

Merge branch 'feat/home_page' into 'develop'

Feat/home page

See merge request !5
parents fc8def4e b9ca187b
This diff is collapsed.
...@@ -30,24 +30,24 @@ export default function Page() { ...@@ -30,24 +30,24 @@ export default function Page() {
<CardNews key={news.id} news={news} /> <CardNews key={news.id} news={news} />
))} ))}
<div className="w-full flex justify-center mt-4"> <div className='w-full flex justify-center mt-4'>
<Pagination <Pagination
pageCount={Number(allData?.responseData.totalPages ?? 1)} pageCount={Number(allData?.responseData.totalPages ?? 1)}
page={Number(allData?.responseData.currentPage ?? page)} page={Number(allData?.responseData.currentPage ?? page)}
onChangePage={(p) => setPage(p)} onChangePage={(p) => setPage(p)}
onGoToPreviousPage={() => setPage(Math.max(1, page - 1))} onGoToPreviousPage={() => setPage(Math.max(1, page - 1))}
onGoToNextPage={() => onGoToNextPage={() =>
setPage( setPage(
Math.min( Math.min(
Number(allData?.responseData.totalPages ?? 1), Number(allData?.responseData.totalPages ?? 1),
page + 1 page + 1
) )
) )
} }
/> />
</div> </div>
</div> </div>
</main> </main>
{/* Sidebar */} {/* Sidebar */}
<aside className="space-y-6"> <aside className="space-y-6">
...@@ -57,4 +57,4 @@ export default function Page() { ...@@ -57,4 +57,4 @@ export default function Page() {
</div> </div>
</div> </div>
); );
} }
\ No newline at end of file
...@@ -31,13 +31,20 @@ export default function Page() { ...@@ -31,13 +31,20 @@ export default function Page() {
))} ))}
<div className='w-full flex justify-center mt-4'> <div className='w-full flex justify-center mt-4'>
<Pagination <Pagination
pageCount={Number(allData?.responseData.totalPages ?? 1)} pageCount={Number(allData?.responseData.totalPages ?? 1)}
page={Number(allData?.responseData.currentPage ?? page)} page={Number(allData?.responseData.currentPage ?? page)}
onChangePage={(p) => setPage(p)} onChangePage={(p) => setPage(p)}
onGoToPreviousPage={() => setPage(Math.max(1, page - 1))} onGoToPreviousPage={() => setPage(Math.max(1, page - 1))}
onGoToNextPage={() => setPage(Math.min(Number(allData?.responseData.totalPages ?? 1), page + 1))} onGoToNextPage={() =>
/> setPage(
Math.min(
Number(allData?.responseData.totalPages ?? 1),
page + 1
)
)
}
/>
</div> </div>
</div> </div>
</main> </main>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment