Implement redux.

This commit is contained in:
Mike Cao 2020-08-04 22:45:05 -07:00
parent 9d8a2406e1
commit 5d4ff5cfa4
31 changed files with 341 additions and 85 deletions

View file

@ -18,23 +18,31 @@ export default function WebsiteList() {
}, []);
return (
<>
<div className={styles.container}>
{data &&
data.websites.map(({ website_id, label }) => (
<div key={website_id} className={styles.website}>
<div className={styles.header}>
<h2>
<Link href={`/website/${website_id}/${label}`} className={styles.title}>
<Link
href="/website/[...id]"
as={`/website/${website_id}/${label}`}
className={styles.title}
>
{label}
</Link>
</h2>
<Link href={`/website/${website_id}/${label}`} className={styles.details}>
<Link
href="/website/[...id]"
as={`/website/${website_id}/${label}`}
className={styles.details}
>
<Icon icon={<Arrow />} /> View details
</Link>
</div>
<WebsiteChart key={website_id} title={label} websiteId={website_id} />
</div>
))}
</>
</div>
);
}