mirror of
https://github.com/umami-software/umami.git
synced 2026-02-22 21:45:36 +01:00
Fixed properties queries.
This commit is contained in:
parent
465a03f987
commit
5e6799a715
38 changed files with 139 additions and 499 deletions
|
|
@ -14,7 +14,7 @@ export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean
|
|||
<DataColumn id="id" label={formatMessage(labels.session)} width="100px">
|
||||
{(row: any) => (
|
||||
<Link href={`sessions/${row.id}`}>
|
||||
<Avatar seed={row.id} size={48} />
|
||||
<Avatar seed={row.id} size={32} />
|
||||
</Link>
|
||||
)}
|
||||
</DataColumn>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ import {
|
|||
} from '@umami/react-zen';
|
||||
import { LoadingPanel } from '@/components/common/LoadingPanel';
|
||||
import { Bolt, Eye, FileText } from '@/components/icons';
|
||||
import { useSessionActivityQuery, useTimezone } from '@/components/hooks';
|
||||
import { useMessages, useSessionActivityQuery, useTimezone } from '@/components/hooks';
|
||||
import { EventData } from '@/components/metrics/EventData';
|
||||
|
||||
export function SessionActivity({
|
||||
|
|
@ -27,6 +27,7 @@ export function SessionActivity({
|
|||
startDate: Date;
|
||||
endDate: Date;
|
||||
}) {
|
||||
const { formatMessage, labels } = useMessages();
|
||||
const { formatTimezoneDate } = useTimezone();
|
||||
const { data, isLoading, error } = useSessionActivityQuery(
|
||||
websiteId,
|
||||
|
|
@ -50,9 +51,14 @@ export function SessionActivity({
|
|||
<StatusLight color={`#${visitId?.substring(0, 6)}`}>
|
||||
{formatTimezoneDate(createdAt, 'pp')}
|
||||
</StatusLight>
|
||||
<Row alignItems="center" gap>
|
||||
<Row alignItems="center" gap="2">
|
||||
<Icon>{eventName ? <Bolt /> : <Eye />}</Icon>
|
||||
<Text>{eventName || urlPath}</Text>
|
||||
<Text>
|
||||
{eventName
|
||||
? formatMessage(labels.triggeredEvent)
|
||||
: formatMessage(labels.viewedPage)}
|
||||
</Text>
|
||||
<Text weight="bold">{eventName || urlPath}</Text>
|
||||
{hasData > 0 && <PropertiesButton websiteId={websiteId} eventId={eventId} />}
|
||||
</Row>
|
||||
</Row>
|
||||
|
|
|
|||
|
|
@ -44,6 +44,13 @@ export function SessionInfo({ data }) {
|
|||
{data?.city}
|
||||
</Info>
|
||||
|
||||
<Info
|
||||
label={formatMessage(labels.browser)}
|
||||
icon={<TypeIcon type="browser" value={data?.browser} />}
|
||||
>
|
||||
{formatValue(data?.browser, 'browser')}
|
||||
</Info>
|
||||
|
||||
<Info
|
||||
label={formatMessage(labels.os)}
|
||||
icon={<TypeIcon type="os" value={data?.os?.toLowerCase()?.replaceAll(/\W/g, '-')} />}
|
||||
|
|
@ -57,13 +64,6 @@ export function SessionInfo({ data }) {
|
|||
>
|
||||
{formatValue(data?.device, 'device')}
|
||||
</Info>
|
||||
|
||||
<Info
|
||||
label={formatMessage(labels.browser)}
|
||||
icon={<TypeIcon type="browser" value={data?.browser} />}
|
||||
>
|
||||
{formatValue(data?.browser, 'browser')}
|
||||
</Info>
|
||||
</Column>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue