From 702db84e39bf6ee43de51ded9bd4dd154171f4ed Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Thu, 23 May 2019 15:06:33 +0300
Subject: [PATCH] * client: remove redundant table formatting for runtime
 clients table

---
 .../Settings/Clients/AutoClients.js           | 38 +++++--------------
 1 file changed, 10 insertions(+), 28 deletions(-)

diff --git a/client/src/components/Settings/Clients/AutoClients.js b/client/src/components/Settings/Clients/AutoClients.js
index 1f750909..efbe5933 100644
--- a/client/src/components/Settings/Clients/AutoClients.js
+++ b/client/src/components/Settings/Clients/AutoClients.js
@@ -34,42 +34,24 @@ class AutoClients extends Component {
         return '';
     };
 
+    cellWrap = ({ value }) => (
+        <div className="logs__row logs__row--overflow">
+            <span className="logs__text" title={value}>
+                {value}
+            </span>
+        </div>
+    );
+
     columns = [
         {
             Header: this.props.t('table_client'),
             accessor: 'ip',
-            Cell: (row) => {
-                if (row.value) {
-                    return (
-                        <div className="logs__row logs__row--overflow">
-                            <span className="logs__text" title={row.value}>
-                                {row.value} <em>(IP)</em>
-                            </span>
-                        </div>
-                    );
-                } else if (row.original && row.original.mac) {
-                    return (
-                        <div className="logs__row logs__row--overflow">
-                            <span className="logs__text" title={row.original.mac}>
-                                {row.original.mac} <em>(MAC)</em>
-                            </span>
-                        </div>
-                    );
-                }
-
-                return '';
-            },
+            Cell: this.cellWrap,
         },
         {
             Header: this.props.t('table_name'),
             accessor: 'name',
-            Cell: ({ value }) => (
-                <div className="logs__row logs__row--overflow">
-                    <span className="logs__text" title={value}>
-                        {value}
-                    </span>
-                </div>
-            ),
+            Cell: this.cellWrap,
         },
         {
             Header: this.props.t('table_statistics'),