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 column widths.

Browse source
This commit is contained in:
Mike Cao 2025-05-14 15:29:03 -07:00
parent 1c22c18de5
commit c5086be6eb
4 changed files with 12 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

1
package.json
View file

@ -9,6 +9,7 @@
"type": "git",
"url": "https://github.com/umami-software/umami.git"
},
"type": "module",
"scripts": {
"dev": "next dev",
"dev-turbo": "next dev -p 3001 --turbopack",

6
src/app/(main)/websites/[websiteId]/WebsiteTabs.tsx
View file

@ -88,15 +88,13 @@ export function WebsiteTabs({ websiteId }: { websiteId: string }) {
},
];
const selected = links
? links.find(({ path }) => path && pathname.endsWith(path))?.id
: 'overview';
const selected = links.find(({ path }) => path && pathname.endsWith(path))?.id || 'overview';
return (
<Column gap="2" position="absolute" padding="4" style={{ top: 0, left: 0, bottom: 0 }}>
{links.map(({ id, label, icon, path }) => {
return (
<Link key={id} href={renderTeamUrl(`/websites/${websiteId}/${path}`)}>
<Link key={id} href={renderTeamUrl(`/websites/${websiteId}${path}`)}>
<Row
alignItems="center"
padding

12
src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
View file

@ -1,4 +1,4 @@
import { DataTable, DataColumn, Icon } from '@umami/react-zen';
import { DataTable, DataColumn, Icon, Row } from '@umami/react-zen';
import { useMessages, useNavigation, useTimezone } from '@/components/hooks';
import { Empty } from '@/components/common/Empty';
import { Avatar } from '@/components/common/Avatar';
@ -16,25 +16,25 @@ export function EventsTable({ data = [] }) {
return (
<DataTable data={data}>
<DataColumn id="session" label={formatMessage(labels.session)}>
<DataColumn id="session" label={formatMessage(labels.session)} width="100px">
{(row: any) => (
<Link href={renderTeamUrl(`/websites/${row.websiteId}/sessions/${row.sessionId}`)}>
<Avatar seed={row.sessionId} size={64} />
</Link>
)}
</DataColumn>
<DataColumn id="event" label={formatMessage(labels.event)}>
<DataColumn id="event" label={formatMessage(labels.event)} width="2fr">
{(row: any) => {
return (
<>
<Row alignItems="center" gap="2">
<Icon>{row.eventName ? <Icons.Bolt /> : <Icons.Eye />}</Icon>
{formatMessage(row.eventName ? labels.triggeredEvent : labels.viewedPage)}
<strong>{row.eventName || row.urlPath}</strong>
</>
</Row>
);
}}
</DataColumn>
<DataColumn id="created" label={formatMessage(labels.created)}>
<DataColumn id="created" label={formatMessage(labels.created)} width="1fr">
{(row: any) => formatTimezoneDate(row.createdAt, 'PPPpp')}
</DataColumn>
</DataTable>

6
src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
View file

@ -12,15 +12,15 @@ export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean
return (
<DataTable data={data}>
<DataColumn id="id" label={formatMessage(labels.session)}>
<DataColumn id="id" label={formatMessage(labels.session)} width="100px">
{(row: any) => (
<Link href={`sessions/${row.id}`} className={styles.link}>
<Avatar key={row.id} seed={row.id} size={64} />
</Link>
)}
</DataColumn>
<DataColumn id="visits" label={formatMessage(labels.visits)} />
<DataColumn id="views" label={formatMessage(labels.views)} />
<DataColumn id="visits" label={formatMessage(labels.visits)} width="80px" />
<DataColumn id="views" label={formatMessage(labels.views)} width="80px" />
<DataColumn id="country" label={formatMessage(labels.country)}>
{(row: any) => (
<TypeIcon type="country" value={row.country}>