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

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