ui: add grouping, icon

This commit is contained in:
nick-delirium 2025-02-18 17:52:30 +01:00
parent fce6a562fd
commit 8481e38aa5
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
2 changed files with 9 additions and 4 deletions

View file

@ -16,6 +16,7 @@ import { useStore } from 'App/mstore';
import FullPagination from 'Shared/FullPagination';
import AnimatedSVG from 'Shared/AnimatedSVG';
import DndTable from 'Shared/DNDTable';
import { Code } from 'lucide-react';
const limit = 100;
@ -83,7 +84,8 @@ function ActivityPage() {
showSorterTooltip: { target: 'full-header' },
sorter: (a, b) => a.name.localeCompare(b.name),
render: (text, row) => (
<div className={'flex items-center gap-2'}>
<div className={'flex items-center gap-2 code-font'}>
<Code size={16} />
{row.$_isAutoCapture && <span className={'text-gray-500'}>[a]</span>}
<span>{row.name}</span>
</div>

View file

@ -58,6 +58,7 @@ export const enum MENU {
USERS = 'data-users',
EVENTS = 'data-events',
PROPS = 'data-properties',
DATA_MANAGEMENT = 'data-management',
}
export const categories: Category[] = [
@ -110,9 +111,11 @@ export const categories: Category[] = [
key: 'data-management',
items: [
{ label: 'Activity', key: MENU.ACTIVITY, icon: 'square-mouse-pointer' },
{ label: 'Users', key: MENU.USERS, icon: 'square-mouse-pointer' },
{ label: 'Events', key: MENU.EVENTS, icon: 'square-mouse-pointer' },
{ label: 'Properties', key: MENU.PROPS, icon: 'square-mouse-pointer' },
{ label: 'Data Management', key: MENU.DATA_MANAGEMENT, icon: 'memory', children: [
{ label: 'Users', key: MENU.USERS, icon: 'square-mouse-pointer' },
{ label: 'Events', key: MENU.EVENTS, icon: 'square-mouse-pointer' },
{ label: 'Properties', key: MENU.PROPS, icon: 'square-mouse-pointer' },
]}
],
},
{