Created the Home.jsx page

This commit is contained in:
2022-12-27 21:46:29 +01:00
parent 238d0fbd10
commit 3930fdb00e

View File

@ -1,7 +1,24 @@
import Header from "@/pages/Home/components/Header";
import ManageArea from "@/pages/Home/components/ManageArea";
import LinkContext from "@/common/contexts/Link";
import {useContext} from "react";
import LinkItem from "@/pages/Home/components/LinkItem";
import "./styles.sass";
export const Home = () => { export const Home = () => {
const [links] = useContext(LinkContext);
return ( return (
<div className="home-wrapper"> <div className="home-wrapper">
<Header/>
<ManageArea/>
<div className="link-area">
{links.map(link => <LinkItem id={link.id} title={link.title} accessId={link.accessId} tags={link.tags}
domain={link.domainName} key={link.id} type={link.type}
views={link.clicks} creator={link.creator}/>)}
{links.length === 0 &&
<h2 className="text-center">Bisher wurden keine Links unter dieser Domain erstellt</h2>}
</div>
</div> </div>
) )
} }