|
|
@ -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; |
|
|
@ -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} |
|
|
|