diff options
author | 2021-10-28 13:53:22 +0200 | |
---|---|---|
committer | 2021-10-28 13:53:22 +0200 | |
commit | 59d665af9d4c2dc505e5d5267b02b1df96e90a7d (patch) | |
tree | 7ae3acd32a0c94a2b157bfebdee3d479ffc6f5d1 /src/components/settings/services/ServiceItem.js | |
parent | New Crowdin updates (#2154) [skip ci] (diff) | |
download | ferdium-app-59d665af9d4c2dc505e5d5267b02b1df96e90a7d.tar.gz ferdium-app-59d665af9d4c2dc505e5d5267b02b1df96e90a7d.tar.zst ferdium-app-59d665af9d4c2dc505e5d5267b02b1df96e90a7d.zip |
chore: remove @mdi/font in favor of using icons with @mdi/js directly (#2158)
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>
Diffstat (limited to 'src/components/settings/services/ServiceItem.js')
-rw-r--r-- | src/components/settings/services/ServiceItem.js | 14 |
1 files changed, 8 insertions, 6 deletions
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'; | |||
5 | import { observer } from 'mobx-react'; | 5 | import { observer } from 'mobx-react'; |
6 | import classnames from 'classnames'; | 6 | import classnames from 'classnames'; |
7 | 7 | ||
8 | import { mdiBellOff, mdiMessageBulletedOff, mdiPower } from '@mdi/js'; | ||
8 | import ServiceModel from '../../../models/Service'; | 9 | import ServiceModel from '../../../models/Service'; |
10 | import { Icon } from '../../ui/icon'; | ||
9 | 11 | ||
10 | const messages = defineMessages({ | 12 | const messages = defineMessages({ |
11 | tooltipIsDisabled: { | 13 | tooltipIsDisabled: { |
@@ -59,24 +61,24 @@ class ServiceItem extends Component { | |||
59 | </td> | 61 | </td> |
60 | <td className="service-table__column-info" onClick={goToServiceForm}> | 62 | <td className="service-table__column-info" onClick={goToServiceForm}> |
61 | {service.isMuted && ( | 63 | {service.isMuted && ( |
62 | <span | 64 | <Icon |
63 | className="mdi mdi-bell-off" | 65 | icon={mdiBellOff} |
64 | data-tip={intl.formatMessage(messages.tooltipIsMuted)} | 66 | data-tip={intl.formatMessage(messages.tooltipIsMuted)} |
65 | /> | 67 | /> |
66 | )} | 68 | )} |
67 | </td> | 69 | </td> |
68 | <td className="service-table__column-info" onClick={goToServiceForm}> | 70 | <td className="service-table__column-info" onClick={goToServiceForm}> |
69 | {!service.isEnabled && ( | 71 | {!service.isEnabled && ( |
70 | <span | 72 | <Icon |
71 | className="mdi mdi-power" | 73 | icon={mdiPower} |
72 | data-tip={intl.formatMessage(messages.tooltipIsDisabled)} | 74 | data-tip={intl.formatMessage(messages.tooltipIsDisabled)} |
73 | /> | 75 | /> |
74 | )} | 76 | )} |
75 | </td> | 77 | </td> |
76 | <td className="service-table__column-info" onClick={goToServiceForm}> | 78 | <td className="service-table__column-info" onClick={goToServiceForm}> |
77 | {!service.isNotificationEnabled && ( | 79 | {!service.isNotificationEnabled && ( |
78 | <span | 80 | <Icon |
79 | className="mdi mdi-message-bulleted-off" | 81 | icon={mdiMessageBulletedOff} |
80 | data-tip={intl.formatMessage( | 82 | data-tip={intl.formatMessage( |
81 | messages.tooltipNotificationsDisabled, | 83 | messages.tooltipNotificationsDisabled, |
82 | )} | 84 | )} |