client: add titles with service names to the clients table

heyxkhoa · Oct 27, 2022 · 511797c · 511797c
1 parent 79ed315
commit 511797c
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/client/src/components/Settings/Clients/ClientsTable/ClientsTable.js b/client/src/components/Settings/Clients/ClientsTable/ClientsTable.js
@@ -11,7 +11,7 @@ import {
     splitByNewLine,
     countClientsStatistics,
     sortIp,
-    getServiceIcon,
+    getService,
 } from '../../../../helpers/helpers';
 import { MODAL_TYPE } from '../../../../helpers/constants';
 import Card from '../../../ui/Card';
@@ -179,16 +179,20 @@ const ClientsTable = ({
                     return (
                         <div className="logs__row logs__row--icons">
                             {value.map((service) => {
-                                const icon = getServiceIcon(services.allServices, service);
+                                const serviceInfo = getService(services.allServices, service);
 
-                                if (icon) {
+                                if (serviceInfo?.icon_svg) {
                                     return (
                                         <div
-                                            dangerouslySetInnerHTML={{ __html: window.atob(icon) }}
+                                            key={serviceInfo.name}
+                                            dangerouslySetInnerHTML={{ __html: window.atob(serviceInfo.icon_svg) }}
                                             className="service__icon service__icon--table"
+                                            title={serviceInfo.name}
                                         />
                                     );
                                 }
+
+                                return null;
                             })}
                         </div>
                     );