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

Added display of session properties.

Browse source
This commit is contained in:
Mike Cao 2024-08-13 21:42:20 -07:00
parent 3805a0b431
commit 0bd57bb158
10 changed files with 378 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/(main)/websites/[websiteId]/sessions/SessionsPage.tsx
View file

@ -2,10 +2,17 @@
import WebsiteHeader from '../WebsiteHeader';
import SessionsDataTable from './SessionsDataTable';
import SessionsMetricsBar from './SessionsMetricsBar';
import SessionProperties from './SessionProperties';
import WorldMap from 'components/metrics/WorldMap';
import { GridRow } from 'components/layout/Grid';
import { Item, Tabs } from 'react-basics';
import { useState } from 'react';
import { useMessages } from 'components/hooks';
export function SessionsPage({ websiteId }) {
const [tab, setTab] = useState('activity');
const { formatMessage, labels } = useMessages();
return (
<>
<WebsiteHeader websiteId={websiteId} />
@ -13,7 +20,12 @@ export function SessionsPage({ websiteId }) {
<GridRow columns="one">
<WorldMap websiteId={websiteId} style={{ width: 800, margin: '0 auto' }} />
</GridRow>
<SessionsDataTable websiteId={websiteId} />
<Tabs selectedKey={tab} onSelect={(value: any) => setTab(value)} style={{ marginBottom: 30 }}>
<Item key="activity">{formatMessage(labels.activity)}</Item>
<Item key="properties">{formatMessage(labels.properties)}</Item>
</Tabs>
{tab === 'activity' && <SessionsDataTable websiteId={websiteId} />}
{tab === 'properties' && <SessionProperties websiteId={websiteId} />}
</>
);
}