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

Convert buttons to links.

Browse source
This commit is contained in:
Mike Cao 2020-09-25 23:38:28 -07:00
parent 4fded49b03
commit 35b921bdb4
21 changed files with 108 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

22
components/WebsiteDetails.js
View file

@ -5,7 +5,8 @@ import WebsiteChart from 'components/metrics/WebsiteChart';
import WorldMap from 'components/common/WorldMap';
import Page from 'components/layout/Page';
import MenuLayout from 'components/layout/MenuLayout';
import Button from 'components/common/Button';
import Link from 'components/common/Link';
import Loading from 'components/common/Loading';
import Arrow from 'assets/arrow-right.svg';
import styles from './WebsiteDetails.module.css';
import PagesTable from './metrics/PagesTable';
@ -17,8 +18,7 @@ import CountriesTable from './metrics/CountriesTable';
import EventsTable from './metrics/EventsTable';
import EventsChart from './metrics/EventsChart';
import useFetch from 'hooks/useFetch';
import Loading from 'components/common/Loading';
import usePageQuery from '../hooks/usePageQuery';
import usePageQuery from 'hooks/usePageQuery';
const views = {
url: PagesTable,
@ -36,22 +36,21 @@ export default function WebsiteDetails({ websiteId, token }) {
const [countryData, setCountryData] = useState();
const [eventsData, setEventsData] = useState();
const {
pathname,
resolve,
router,
query: { view },
} = usePageQuery();
const BackButton = () => (
<Button
<Link
key="back-button"
className={styles.backButton}
href="/website/[...id]"
as={resolve({ view: undefined })}
icon={<Arrow />}
size="xsmall"
onClick={() => router.push(pathname)}
size="small"
>
<FormattedMessage id="button.back" defaultMessage="Back" />
</Button>
</Link>
);
const menuOptions = [
@ -93,7 +92,6 @@ export default function WebsiteDetails({ websiteId, token }) {
token,
websiteDomain: data?.domain,
limit: 10,
onExpand: handleExpand,
};
const DetailsComponent = views[view];
@ -104,10 +102,6 @@ export default function WebsiteDetails({ websiteId, token }) {
}
}
function handleExpand(value) {
router.push(resolve({ view: value }));
}
if (!data) {
return null;
}