mirror of
https://github.com/kremalicious/umami.git
synced 2024-12-12 04:27:28 +01:00
41 lines
1.5 KiB
JavaScript
41 lines
1.5 KiB
JavaScript
import { Loading } from 'react-basics';
|
|
import { useRouter } from 'next/router';
|
|
import Page from 'components/layout/Page';
|
|
import WebsiteChart from 'components/pages/websites/WebsiteChart';
|
|
import FilterTags from 'components/metrics/FilterTags';
|
|
import usePageQuery from 'hooks/usePageQuery';
|
|
import WebsiteTableView from './WebsiteTableView';
|
|
import WebsiteMenuView from './WebsiteMenuView';
|
|
import { useWebsite } from 'hooks';
|
|
import WebsiteHeader from './WebsiteHeader';
|
|
import { WebsiteMetricsBar } from './WebsiteMetricsBar';
|
|
|
|
export default function WebsiteDetailsPage({ websiteId }) {
|
|
const { data: website, isLoading, error } = useWebsite(websiteId);
|
|
const { pathname } = useRouter();
|
|
const showLinks = !pathname.includes('/share/');
|
|
|
|
const {
|
|
query: { view, url, referrer, os, browser, device, country, region, city, title },
|
|
} = usePageQuery();
|
|
|
|
return (
|
|
<Page loading={isLoading} error={error}>
|
|
<WebsiteHeader websiteId={websiteId} showLinks={showLinks} />
|
|
<WebsiteMetricsBar websiteId={websiteId} sticky={true} />
|
|
<WebsiteChart websiteId={websiteId} />
|
|
<FilterTags
|
|
websiteId={websiteId}
|
|
params={{ url, referrer, os, browser, device, country, region, city, title }}
|
|
/>
|
|
{!website && <Loading icon="dots" style={{ minHeight: 300 }} />}
|
|
{website && (
|
|
<>
|
|
{!view && <WebsiteTableView websiteId={websiteId} />}
|
|
{view && <WebsiteMenuView websiteId={websiteId} />}
|
|
</>
|
|
)}
|
|
</Page>
|
|
);
|
|
}
|