ui: add grouping, icon
This commit is contained in:
parent
fce6a562fd
commit
8481e38aa5
2 changed files with 9 additions and 4 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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' },
|
||||
]}
|
||||
],
|
||||
},
|
||||
{
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue