From 59d665af9d4c2dc505e5d5267b02b1df96e90a7d Mon Sep 17 00:00:00 2001
From: Markus Hatvan <markus_hatvan@aon.at>
Date: Thu, 28 Oct 2021 13:53:22 +0200
Subject: chore: remove @mdi/font in favor of using icons with @mdi/js directly
 (#2158)

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>
---
 src/components/services/tabs/TabItem.js | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

(limited to 'src/components/services')

diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js
index 3ea6c5da2..a07652284 100644
--- a/src/components/services/tabs/TabItem.js
+++ b/src/components/services/tabs/TabItem.js
@@ -9,10 +9,12 @@ import injectSheet from 'react-jss';
 import ms from 'ms';
 
 import { observable, autorun, reaction } from 'mobx';
+import { mdiExclamation } from '@mdi/js';
 import ServiceModel from '../../../models/Service';
 import { cmdOrCtrlShortcutKey } from '../../../environment';
 import globalMessages from '../../../i18n/globalMessages';
 import SettingsStore from '../../../stores/SettingsStore';
+import { Icon } from '../../ui/icon';
 
 const IS_SERVICE_DEBUGGING_ENABLED = (
   localStorage.getItem('debug') || ''
@@ -334,10 +336,10 @@ class TabItem extends Component {
     }
 
     let errorBadge = null;
-    if ( service.isError ) {
-      errorBadge=(
-        <i className = " mdi mdi-exclamation tab-item__error-icon"/>
-      )
+    if (service.isError) {
+      errorBadge = (
+        <Icon icon={mdiExclamation} className="tab-item__error-icon" />
+      );
     }
 
     return (
@@ -359,11 +361,14 @@ class TabItem extends Component {
             : ''
         }`}
       >
-
-        {showServiceNameSetting? <div>
+        {showServiceNameSetting ? (
+          <div>
+            <img src={service.icon} className="tab-item__icon" alt="" />
+            <span className="tab-item__label">{service.name}</span>
+          </div>
+        ) : (
           <img src={service.icon} className="tab-item__icon" alt="" />
-          <span className="tab-item__label">{service.name}</span>
-        </div> : <img src={service.icon} className="tab-item__icon" alt="" />}
+        )}
 
         {notificationBadge}
         {errorBadge}
-- 
cgit v1.2.3-70-g09d2