From 59d665af9d4c2dc505e5d5267b02b1df96e90a7d Mon Sep 17 00:00:00 2001
From: Markus Hatvan
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
---
src/components/settings/services/EditServiceForm.js | 10 ++++++----
src/components/settings/services/ServiceItem.js | 14 ++++++++------
2 files changed, 14 insertions(+), 10 deletions(-)
(limited to 'src/components/settings/services')
diff --git a/src/components/settings/services/EditServiceForm.js b/src/components/settings/services/EditServiceForm.js
index b040e6cc2..2c451d7bf 100644
--- a/src/components/settings/services/EditServiceForm.js
+++ b/src/components/settings/services/EditServiceForm.js
@@ -5,6 +5,7 @@ import { Link } from 'react-router';
import { defineMessages, injectIntl } from 'react-intl';
import normalizeUrl from 'normalize-url';
+import { mdiInformation } from '@mdi/js';
import Form from '../../../lib/Form';
import Recipe from '../../../models/Recipe';
import Service from '../../../models/Service';
@@ -19,6 +20,7 @@ import Select from '../../ui/Select';
import { isMac } from '../../../environment';
import globalMessages from '../../../i18n/globalMessages';
+import { Icon } from '../../ui/icon';
const messages = defineMessages({
saveService: {
@@ -315,7 +317,7 @@ class EditServiceForm extends Component {
marginTop: 0,
}}
>
-
+
{recipe.message}
)}
@@ -415,11 +417,11 @@ class EditServiceForm extends Component {
-
+
{intl.formatMessage(messages.proxyRestartInfo)}
-
+
{intl.formatMessage(messages.proxyInfo)}
>
@@ -458,7 +460,7 @@ class EditServiceForm extends Component {
/>
-
+
{intl.formatMessage(messages.recipeFileInfo)}
>
diff --git a/src/components/settings/services/ServiceItem.js b/src/components/settings/services/ServiceItem.js
index e08b9af1f..d83e5fd56 100644
--- a/src/components/settings/services/ServiceItem.js
+++ b/src/components/settings/services/ServiceItem.js
@@ -5,7 +5,9 @@ import ReactTooltip from 'react-tooltip';
import { observer } from 'mobx-react';
import classnames from 'classnames';
+import { mdiBellOff, mdiMessageBulletedOff, mdiPower } from '@mdi/js';
import ServiceModel from '../../../models/Service';
+import { Icon } from '../../ui/icon';
const messages = defineMessages({
tooltipIsDisabled: {
@@ -59,24 +61,24 @@ class ServiceItem extends Component {
{service.isMuted && (
-
)}
|
{!service.isEnabled && (
-
)}
|
{!service.isNotificationEnabled && (
- |