wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: use table columns enum

Browse Source
This commit is contained in:
Dreamacro 2020-11-02 00:10:30 +08:00
parent 31b2439f21
commit 1936f3f051
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/containers/Connections/index.tsx
View File

@ -116,11 +116,11 @@ export default function Connections() {
// table // table
const columns: TableColumnOption<formatConnection>[] = useMemo(() => [ const columns: TableColumnOption<formatConnection>[] = useMemo(() => [
{ Header: t(`columns.${Columns.Host}`), accessor: 'host', minWidth: 260, width: 260 }, { Header: t(`columns.${Columns.Host}`), accessor: Columns.Host, minWidth: 260, width: 260 },
{ Header: t(`columns.${Columns.Network}`), accessor: 'network', minWidth: 80, width: 80 }, { Header: t(`columns.${Columns.Network}`), accessor: Columns.Network, minWidth: 80, width: 80 },
{ Header: t(`columns.${Columns.Type}`), accessor: 'type', minWidth: 120, width: 120 }, { Header: t(`columns.${Columns.Type}`), accessor: Columns.Type, minWidth: 120, width: 120 },
{ Header: t(`columns.${Columns.Chains}`), accessor: 'chains', minWidth: 200, width: 200 }, { Header: t(`columns.${Columns.Chains}`), accessor: Columns.Chains, minWidth: 200, width: 200 },
{ Header: t(`columns.${Columns.Rule}`), accessor: 'rule', minWidth: 140, width: 140 }, { Header: t(`columns.${Columns.Rule}`), accessor: Columns.Rule, minWidth: 140, width: 140 },
{ {
id: Columns.Speed, id: Columns.Speed,
Header: t(`columns.${Columns.Speed}`), Header: t(`columns.${Columns.Speed}`),
@ -137,9 +137,9 @@ export default function Connections() {
minWidth: 200, width: 200, minWidth: 200, width: 200,
sortDescFirst: true sortDescFirst: true
}, },
{ Header: t(`columns.${Columns.Upload}`), accessor: 'upload', minWidth: 100, width: 100, sortDescFirst: true }, { Header: t(`columns.${Columns.Upload}`), accessor: Columns.Upload, minWidth: 100, width: 100, sortDescFirst: true },
{ Header: t(`columns.${Columns.Download}`), accessor: 'download', minWidth: 100, width: 100, sortDescFirst: true }, { Header: t(`columns.${Columns.Download}`), accessor: Columns.Download, minWidth: 100, width: 100, sortDescFirst: true },
{ Header: t(`columns.${Columns.Time}`), accessor: 'time', minWidth: 120, width: 120, sortType(rowA, rowB) { return rowB.original.time - rowA.original.time } }, { Header: t(`columns.${Columns.Time}`), accessor: Columns.Time, minWidth: 120, width: 120, sortType(rowA, rowB) { return rowB.original.time - rowA.original.time } },
] as TableColumnOption<formatConnection>[], [t]) ] as TableColumnOption<formatConnection>[], [t])
useLayoutEffect(() => { useLayoutEffect(() => {