m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2025-02-14 21:10:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed type icons.

Browse Source
This commit is contained in:
Mike Cao 2024-08-09 11:49:08 -07:00
parent 67874a6282
commit 840c1c02bf
2 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/(main)/websites/[websiteId]/sessions/SessionsTable.tsx
View File

@ -31,11 +31,25 @@ export function SessionsTable({ data = [] }: { data: any[]; showDomain?: boolean
</GridColumn> </GridColumn>
<GridColumn name="city" label={formatMessage(labels.city)} /> <GridColumn name="city" label={formatMessage(labels.city)} />
<GridColumn name="browser" label={formatMessage(labels.browser)}> <GridColumn name="browser" label={formatMessage(labels.browser)}>
{row => formatValue(row.browser, 'browser')} {row => (
<TypeIcon type="browser" value={row.browser}>
{formatValue(row.browser, 'browser')}
</TypeIcon>
)}
</GridColumn>
<GridColumn name="os" label={formatMessage(labels.os)}>
{row => (
<TypeIcon type="os" value={row.os}>
{formatValue(row.os, 'os')}
</TypeIcon>
)}
</GridColumn> </GridColumn>
<GridColumn name="os" label={formatMessage(labels.os)} />
<GridColumn name="device" label={formatMessage(labels.device)}> <GridColumn name="device" label={formatMessage(labels.device)}>
{row => formatValue(row.device, 'device')} {row => (
<TypeIcon type="device" value={row.device}>
{formatValue(row.device, 'device')}
</TypeIcon>
)}
</GridColumn> </GridColumn>
<GridColumn name="lastAt" label={formatMessage(labels.lastSeen)}> <GridColumn name="lastAt" label={formatMessage(labels.lastSeen)}>
{row => formatDate(new Date(row.lastAt), 'PPPpp', locale)} {row => formatDate(new Date(row.lastAt), 'PPPpp', locale)}

4
src/components/common/TypeIcon.tsx
View File

@ -12,7 +12,9 @@ export function TypeIcon({
return ( return (
<> <>
<img <img
src={`${process.env.basePath || ''}/images/${type}/${value || 'unknown'}.png`} src={`${process.env.basePath || ''}/images/${type}/${
value.replaceAll(' ', '-').toLowerCase() || 'unknown'
}.png`}
alt={value} alt={value}
width={type === 'country' ? undefined : 16} width={type === 'country' ? undefined : 16}
height={type === 'country' ? undefined : 16} height={type === 'country' ? undefined : 16}