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

feat: add client screen size statics

Browse source
This commit is contained in:
Serkan KONAKCI 2022-02-14 11:29:41 +03:00
parent a035fbb581
commit da09e5cdf7
8 changed files with 42398 additions and 4349 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/metrics/ScreenTable.js Normal file
View file

@ -0,0 +1,15 @@
import React from 'react';
import MetricsTable from './MetricsTable';
import { FormattedMessage } from 'react-intl';
export default function ScreenTable({ websiteId, ...props }) {
return (
<MetricsTable
{...props}
title={<FormattedMessage id="metrics.screens" defaultMessage="Screen" />}
type="screen"
metric={<FormattedMessage id="metrics.visitors" defaultMessage="Visitors" />}
websiteId={websiteId}
/>
);
}

12
components/pages/WebsiteDetails.js
View file

@ -23,6 +23,7 @@ import useFetch from 'hooks/useFetch';
import usePageQuery from 'hooks/usePageQuery';
import useShareToken from 'hooks/useShareToken';
import { DEFAULT_ANIMATION_DURATION, TOKEN_HEADER } from 'lib/constants';
import ScreenTable from 'components/metrics/ScreenTable';
const views = {
url: PagesTable,
@ -68,6 +69,10 @@ export default function WebsiteDetails({ websiteId }) {
label: <FormattedMessage id="metrics.referrers" defaultMessage="Referrers" />,
value: resolve({ view: 'referrer' }),
},
{
label: <FormattedMessage id="metrics.screens" defaultMessage="Screens" />,
value: resolve({ view: 'screen' }),
},
{
label: <FormattedMessage id="metrics.browsers" defaultMessage="Browsers" />,
value: resolve({ view: 'browser' }),
@ -130,12 +135,15 @@ export default function WebsiteDetails({ websiteId }) {
{chartLoaded && !view && (
<GridLayout>
<GridRow>
<GridColumn md={12} lg={6}>
<GridColumn md={12} lg={4}>
<PagesTable {...tableProps} />
</GridColumn>
<GridColumn md={12} lg={6}>
<GridColumn md={12} lg={4}>
<ReferrersTable {...tableProps} />
</GridColumn>
<GridColumn md={12} lg={4}>
<ScreenTable {...tableProps} />
</GridColumn>
</GridRow>
<GridRow>
<GridColumn md={12} lg={4}>