2020-07-28 10:17:45 +02:00
|
|
|
import React, { useState, useEffect } from 'react';
|
2020-08-01 04:05:14 +02:00
|
|
|
import Link from 'next/link';
|
2020-07-28 10:17:45 +02:00
|
|
|
import { get } from 'lib/web';
|
2020-07-31 05:11:43 +02:00
|
|
|
import WebsiteChart from './WebsiteChart';
|
2020-07-30 08:25:52 +02:00
|
|
|
import styles from './WebsiteList.module.css';
|
2020-07-28 10:17:45 +02:00
|
|
|
|
|
|
|
export default function WebsiteList() {
|
|
|
|
const [data, setData] = useState();
|
|
|
|
|
|
|
|
async function loadData() {
|
|
|
|
setData(await get(`/api/website`));
|
|
|
|
}
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
loadData();
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
return (
|
2020-07-30 08:25:52 +02:00
|
|
|
<div className={styles.container}>
|
2020-07-28 10:17:45 +02:00
|
|
|
{data &&
|
2020-08-01 04:05:14 +02:00
|
|
|
data.websites.map(({ website_id, website_uuid, label }) => (
|
|
|
|
<>
|
|
|
|
<h2>
|
|
|
|
<Link href={`/${website_uuid}`}>
|
|
|
|
<a>{label}</a>
|
|
|
|
</Link>
|
|
|
|
</h2>
|
|
|
|
<WebsiteChart key={website_id} title={label} websiteId={website_id} />
|
|
|
|
</>
|
2020-07-28 10:17:45 +02:00
|
|
|
))}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|