watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-09 07:07:17 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Website edit functionality.

Browse source
This commit is contained in:
Mike Cao 2020-08-07 02:27:12 -07:00
parent 30b87bc4c4
commit 00e232fee8
63 changed files with 301 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

63
components/WebsiteList.js
View file

@ -1,12 +1,12 @@
import React, { useState, useEffect } from 'react';
import { useRouter } from 'next/router';
import { get } from 'lib/web';
import Link from './Link';
import WebsiteChart from './WebsiteChart';
import Page from './Page';
import Icon from './Icon';
import Button from './Button';
import PageHeader from './PageHeader';
import Link from './interface/Link';
import WebsiteChart from './charts/WebsiteChart';
import Page from './layout/Page';
import Icon from './interface/Icon';
import Button from './interface/Button';
import PageHeader from './layout/PageHeader';
import Arrow from 'assets/arrow-right.svg';
import styles from './WebsiteList.module.css';
@ -24,32 +24,31 @@ export default function WebsiteList() {
return (
<Page>
{data &&
data.websites.map(({ website_id, name }) => (
<div key={website_id} className={styles.website}>
<PageHeader>
<Link
href="/website/[...id]"
as={`/website/${website_id}/${name}`}
className={styles.title}
>
{name}
</Link>
<Button
icon={<Arrow />}
onClick={() =>
router.push('/website/[...id]', `/website/${website_id}/${name}`, {
shallow: true,
})
}
size="S"
>
<div>View details</div>
</Button>
</PageHeader>
<WebsiteChart key={website_id} title={name} websiteId={website_id} />
</div>
))}
{data?.map(({ website_id, name }) => (
<div key={website_id} className={styles.website}>
<PageHeader>
<Link
href="/website/[...id]"
as={`/website/${website_id}/${name}`}
className={styles.title}
>
{name}
</Link>
<Button
icon={<Arrow />}
onClick={() =>
router.push('/website/[...id]', `/website/${website_id}/${name}`, {
shallow: true,
})
}
size="S"
>
<div>View details</div>
</Button>
</PageHeader>
<WebsiteChart key={website_id} title={name} websiteId={website_id} />
</div>
))}
</Page>
);
}