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>
---
 .../settings/supportFerdi/SupportFerdiDashboard.tsx          | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'src/components/settings/supportFerdi')

diff --git a/src/components/settings/supportFerdi/SupportFerdiDashboard.tsx b/src/components/settings/supportFerdi/SupportFerdiDashboard.tsx
index 505c49812..88e936b71 100644
--- a/src/components/settings/supportFerdi/SupportFerdiDashboard.tsx
+++ b/src/components/settings/supportFerdi/SupportFerdiDashboard.tsx
@@ -1,6 +1,8 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { BrowserWindow } from '@electron/remote';
+import { mdiOpenInNew } from '@mdi/js';
 import InfoBar from '../../ui/InfoBar';
+import { Icon } from '../../ui/icon';
 
 const messages = defineMessages({
   headline: {
@@ -159,7 +161,7 @@ const SupportFerdiDashboard = () => {
             >
               {' '}
               {intl.formatMessage(messages.textListContributorsHere)}
-              <i className="mdi mdi-open-in-new" />
+              <Icon icon={mdiOpenInNew} />
             </a>
             <br />
             <br />
@@ -175,7 +177,7 @@ const SupportFerdiDashboard = () => {
             >
               {' '}
               {intl.formatMessage(messages.textSupportWelcomeHere)}
-              <i className="mdi mdi-open-in-new" />
+              <Icon icon={mdiOpenInNew} />
             </a>
           </p>
           <p>
@@ -188,7 +190,7 @@ const SupportFerdiDashboard = () => {
             >
               {' '}
               {intl.formatMessage(messages.textOpenCollective)}
-              <i className="mdi mdi-open-in-new" />
+              <Icon icon={mdiOpenInNew} />
             </a>
           </p>
           <p>
@@ -201,7 +203,7 @@ const SupportFerdiDashboard = () => {
             >
               {' '}
               {intl.formatMessage(messages.textOpenCollective)}
-              <i className="mdi mdi-open-in-new" />
+              <Icon icon={mdiOpenInNew} />
             </a>{' '}
             {intl.formatMessage(messages.textDonationAnd)}
             <a
@@ -212,7 +214,7 @@ const SupportFerdiDashboard = () => {
             >
               {' '}
               {intl.formatMessage(messages.textGitHubSponsors)}
-              <i className="mdi mdi-open-in-new" />
+              <Icon icon={mdiOpenInNew} />
             </a>
           </p>
         </div>
-- 
cgit v1.2.3-70-g09d2