mirror of
https://github.com/Radiquum/AniX.git
synced 2025-05-04 11:59:40 +05:00
frontend: add history page.
frend: make releaseOverview component
This commit is contained in:
parent
78ca3ef054
commit
185e537603
4 changed files with 106 additions and 41 deletions
|
@ -0,0 +1,47 @@
|
|||
import { CardList } from "@/app/components/CardList/CardList";
|
||||
|
||||
export default function ReleasesOverview(props) {
|
||||
return (
|
||||
<>
|
||||
{props.chips && (
|
||||
<div>
|
||||
{props.chips.map((item) => {
|
||||
return (
|
||||
<button
|
||||
key={item.list}
|
||||
className={`chip ${props.list == item.list ? "fill" : ""}`}
|
||||
onClick={() => {
|
||||
props.setList(item.list);
|
||||
}}
|
||||
>
|
||||
<span>{item.title}</span>
|
||||
</button>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{props.releases ? (
|
||||
<>
|
||||
<div className="grid">
|
||||
<CardList data={props.releases} />
|
||||
</div>
|
||||
|
||||
<nav className="large-margin center-align">
|
||||
<button
|
||||
className="large"
|
||||
onClick={() => {
|
||||
props.setPage(props.page + 1);
|
||||
}}
|
||||
>
|
||||
<i>add</i>
|
||||
<span>загрузить ещё</span>
|
||||
</button>
|
||||
</nav>
|
||||
</>
|
||||
) : (
|
||||
<progress className="s1"></progress>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue