Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 18:09:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: load more button

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-04 13:55:31 +05:00
parent c10f802008
commit 9e65838569
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
6 changed files with 75 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

14
app/pages/IndexCategory.tsx
View file

@ -5,6 +5,7 @@ import { useState, useEffect } from "react";
import { useScrollPosition } from "#/hooks/useScrollPosition";
import { useUserStore } from "../store/auth";
import { _FetchHomePageReleases } from "#/api/utils";
import { Button } from "flowbite-react";
export function IndexCategoryPage(props) {
const token = useUserStore((state) => state.token);
@ -65,13 +66,16 @@ export function IndexCategoryPage(props) {
</p>
</div>
)}
<button
className="mx-auto w-[calc(100%-10rem)] border border-black rounded-lg p-2 mb-6 flex items-center justify-center gap-2 hover:bg-black hover:text-white transition"
<Button
className="w-full"
color={"light"}
onClick={() => setPage(page + 1)}
>
<span className="w-10 h-10 iconify mdi--plus"> </span>
<span className="text-lg">Загрузить ещё</span>
</button>
<div className="flex items-center gap-2">
<span className="w-6 h-6 iconify mdi--plus-circle "></span>
<span className="text-lg">Загрузить ещё</span>
</div>
</Button>
</main>
);
}