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

Updated session details.

Browse source
This commit is contained in:
Mike Cao 2025-04-30 20:18:36 -07:00
parent 039dcd96e6
commit 665a60dbc2
1 changed files with 26 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/app/(main)/websites/[websiteId]/sessions/[sessionId]/SessionDetailsPage.tsx
View file

@ -8,6 +8,7 @@ import { SessionActivity } from './SessionActivity';
import { SessionData } from './SessionData';
import { SessionInfo } from './SessionInfo';
import { SessionStats } from './SessionStats';
import { Panel } from '@/components/common/Panel';
export function SessionDetailsPage({
websiteId,
@ -22,27 +23,33 @@ export function SessionDetailsPage({
<LoadingPanel {...query} loadingIcon="spinner" data={data}>
<WebsiteHeader websiteId={websiteId} />
<Grid
gap="9"
gap
columns={{ xs: '1fr', sm: '1fr', md: '1fr 1fr', lg: '1fr 2fr 1fr', xl: '1fr 2fr 1fr' }}
>
<Column gap="6" maxWidth="200px">
<Row justifyContent="center">
<Avatar seed={data?.id} size={128} />
</Row>
<SessionInfo data={data} />
</Column>
<Column gap="6">
<SessionStats data={data} />
<SessionActivity
websiteId={websiteId}
sessionId={sessionId}
startDate={data?.firstAt}
endDate={data?.lastAt}
/>
</Column>
<Column gap="6">
<SessionData websiteId={websiteId} sessionId={sessionId} />
</Column>
<Panel>
<Column gap="6" maxWidth="200px">
<Row justifyContent="center">
<Avatar seed={data?.id} size={128} />
</Row>
<SessionInfo data={data} />
</Column>
</Panel>
<Panel>
<Column gap="6">
<SessionStats data={data} />
<SessionActivity
websiteId={websiteId}
sessionId={sessionId}
startDate={data?.firstAt}
endDate={data?.lastAt}
/>
</Column>
</Panel>
<Panel>
<Column gap="6">
<SessionData websiteId={websiteId} sessionId={sessionId} />
</Column>
</Panel>
</Grid>
</LoadingPanel>
);