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/auth/AuthLayout.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

(limited to 'src/components/auth')

diff --git a/src/components/auth/AuthLayout.js b/src/components/auth/AuthLayout.js
index 047b10775..f26282cfc 100644
--- a/src/components/auth/AuthLayout.js
+++ b/src/components/auth/AuthLayout.js
@@ -4,6 +4,7 @@ import { observer } from 'mobx-react';
 import { TitleBar } from 'electron-react-titlebar/renderer';
 
 import { injectIntl } from 'react-intl';
+import { mdiFlash } from '@mdi/js';
 import Link from '../ui/Link';
 import InfoBar from '../ui/InfoBar';
 
@@ -16,6 +17,7 @@ import globalMessages from '../../i18n/globalMessages';
 import { isWindows } from '../../environment';
 import AppUpdateInfoBar from '../AppUpdateInfoBar';
 import { GITHUB_FERDI_URL } from '../../config';
+import { Icon } from '../ui/icon';
 
 @observer
 class AuthLayout extends Component {
@@ -61,7 +63,7 @@ class AuthLayout extends Component {
         <div className="auth">
           {!isOnline && (
             <InfoBar type="warning">
-              <span className="mdi mdi-flash" />
+              <Icon icon={mdiFlash} />
               {intl.formatMessage(globalMessages.notConnectedToTheInternet)}
             </InfoBar>
           )}
@@ -81,7 +83,7 @@ class AuthLayout extends Component {
               sticky
               onClick={retryHealthCheck}
             >
-              <span className="mdi mdi-flash" />
+              <Icon icon={mdiFlash} />
               {intl.formatMessage(globalMessages.APIUnhealthy)}
             </InfoBar>
           )}
-- 
cgit v1.2.3-70-g09d2