From 1936f3f051f57b3dabb85a6dcb614eec00b512f8 Mon Sep 17 00:00:00 2001
From: Dreamacro <8615343+Dreamacro@users.noreply.github.com>
Date: Mon, 2 Nov 2020 00:10:30 +0800
Subject: [PATCH] style: use table columns enum

---
 src/containers/Connections/index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/containers/Connections/index.tsx b/src/containers/Connections/index.tsx
index 79fa1b8..075ca85 100644
--- a/src/containers/Connections/index.tsx
+++ b/src/containers/Connections/index.tsx
@@ -116,11 +116,11 @@ export default function Connections() {
 
     // table
     const columns: TableColumnOption<formatConnection>[] = useMemo(() => [
-        { Header: t(`columns.${Columns.Host}`), accessor: 'host', minWidth: 260, width: 260 },
-        { Header: t(`columns.${Columns.Network}`), accessor: 'network', minWidth: 80, width: 80 },
-        { Header: t(`columns.${Columns.Type}`), accessor: 'type', minWidth: 120, width: 120 },
-        { Header: t(`columns.${Columns.Chains}`), accessor: 'chains', minWidth: 200, width: 200 },
-        { Header: t(`columns.${Columns.Rule}`), accessor: 'rule', minWidth: 140, width: 140 },
+        { Header: t(`columns.${Columns.Host}`), accessor: Columns.Host, minWidth: 260, width: 260 },
+        { Header: t(`columns.${Columns.Network}`), accessor: Columns.Network, minWidth: 80, width: 80 },
+        { Header: t(`columns.${Columns.Type}`), accessor: Columns.Type, minWidth: 120, width: 120 },
+        { Header: t(`columns.${Columns.Chains}`), accessor: Columns.Chains, minWidth: 200, width: 200 },
+        { Header: t(`columns.${Columns.Rule}`), accessor: Columns.Rule, minWidth: 140, width: 140 },
         {
             id: Columns.Speed,
             Header: t(`columns.${Columns.Speed}`),
@@ -137,9 +137,9 @@ export default function Connections() {
             minWidth: 200, width: 200,
             sortDescFirst: true
         },
-        { Header: t(`columns.${Columns.Upload}`), accessor: 'upload', minWidth: 100, width: 100, sortDescFirst: true },
-        { Header: t(`columns.${Columns.Download}`), accessor: '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.Upload}`), accessor: Columns.Upload, 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: Columns.Time, minWidth: 120, width: 120, sortType(rowA, rowB) { return rowB.original.time - rowA.original.time } },
     ] as TableColumnOption<formatConnection>[], [t])
 
     useLayoutEffect(() => {