|
|
@ -26,6 +26,7 @@ export const Main = ({ |
|
|
|
}) => { |
|
|
|
}) => { |
|
|
|
const [filterLoading, setFilterLoading] = useState(false); |
|
|
|
const [filterLoading, setFilterLoading] = useState(false); |
|
|
|
const [page, setPage] = useState(1); |
|
|
|
const [page, setPage] = useState(1); |
|
|
|
|
|
|
|
console.log(page); |
|
|
|
const [total, setTotal] = useState(books.length); |
|
|
|
const [total, setTotal] = useState(books.length); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
@ -97,7 +98,6 @@ export const Main = ({ |
|
|
|
|
|
|
|
|
|
|
|
const elements = Items(1); |
|
|
|
const elements = Items(1); |
|
|
|
const vods = Items(2); |
|
|
|
const vods = Items(2); |
|
|
|
|
|
|
|
|
|
|
|
console.log(elements.length); |
|
|
|
console.log(elements.length); |
|
|
|
|
|
|
|
|
|
|
|
const lastPage = Math.floor((elements.length - 1) / num) + 1; |
|
|
|
const lastPage = Math.floor((elements.length - 1) / num) + 1; |
|
|
@ -248,7 +248,7 @@ export const Main = ({ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
)} |
|
|
|
|
|
|
|
|
|
|
|
<div className="w-full flex flex-row flex-wrap mt-0 border-t-2 border-solid border-gray-100 overflow-y-hidden gap-4 justify-evenly pt-3"> |
|
|
|
<div className="w-full flex flex-row flex-wrap mt-0 border-t-2 border-solid border-gray-100 overflow-y-hidden gap-4 justify-evenly pt-3"> |
|
|
|
{elements |
|
|
|
{elements |
|
|
|
?.slice((page - 1) * num, page * num) |
|
|
|
?.slice((page - 1) * num, page * num) |
|
|
|
.map((product, index) => ( |
|
|
|
.map((product, index) => ( |
|
|
@ -262,11 +262,13 @@ export const Main = ({ |
|
|
|
/> |
|
|
|
/> |
|
|
|
))} |
|
|
|
))} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* pagination */} |
|
|
|
<div className="w-full flex justify-center gap-x-2"> |
|
|
|
<div className="w-full flex justify-center gap-x-2"> |
|
|
|
{pages.map((e) => ( |
|
|
|
{pages.map((e) => ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
style={{ backgroundColor: "#DEFFF188" }} |
|
|
|
className={`w-8 p-2 text-sm text-center rounded-md text-green7B cursor-pointer transform translate ${ |
|
|
|
className="w-8 p-2 text-sm text-center rounded-md text-green7B cursor-pointer transform translate" |
|
|
|
pages ? "bg-red-400" : "bg-blue-600" |
|
|
|
|
|
|
|
}`}
|
|
|
|
onClick={() => setPage(e)} |
|
|
|
onClick={() => setPage(e)} |
|
|
|
> |
|
|
|
> |
|
|
|
{e} |
|
|
|
{e} |
|
|
|