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

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

9
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,15 +23,18 @@ 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' }}
> >
<Panel>
<Column gap="6" maxWidth="200px"> <Column gap="6" maxWidth="200px">
<Row justifyContent="center"> <Row justifyContent="center">
<Avatar seed={data?.id} size={128} /> <Avatar seed={data?.id} size={128} />
</Row> </Row>
<SessionInfo data={data} /> <SessionInfo data={data} />
</Column> </Column>
</Panel>
<Panel>
<Column gap="6"> <Column gap="6">
<SessionStats data={data} /> <SessionStats data={data} />
<SessionActivity <SessionActivity
@ -40,9 +44,12 @@ export function SessionDetailsPage({
endDate={data?.lastAt} endDate={data?.lastAt}
/> />
</Column> </Column>
</Panel>
<Panel>
<Column gap="6"> <Column gap="6">
<SessionData websiteId={websiteId} sessionId={sessionId} /> <SessionData websiteId={websiteId} sessionId={sessionId} />
</Column> </Column>
</Panel>
</Grid> </Grid>
</LoadingPanel> </LoadingPanel>
); );