frontend: add history page.

frend: make releaseOverview component
This commit is contained in:
Kentai Radiquum 2024-04-27 11:09:46 +05:00
parent 78ca3ef054
commit 185e537603
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 106 additions and 41 deletions

View file

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