diff options
Diffstat (limited to 'src/components/services')
-rw-r--r-- | src/components/services/tabs/TabItem.js | 21 |
1 files changed, 13 insertions, 8 deletions
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'; | |||
9 | import ms from 'ms'; | 9 | import ms from 'ms'; |
10 | 10 | ||
11 | import { observable, autorun, reaction } from 'mobx'; | 11 | import { observable, autorun, reaction } from 'mobx'; |
12 | import { mdiExclamation } from '@mdi/js'; | ||
12 | import ServiceModel from '../../../models/Service'; | 13 | import ServiceModel from '../../../models/Service'; |
13 | import { cmdOrCtrlShortcutKey } from '../../../environment'; | 14 | import { cmdOrCtrlShortcutKey } from '../../../environment'; |
14 | import globalMessages from '../../../i18n/globalMessages'; | 15 | import globalMessages from '../../../i18n/globalMessages'; |
15 | import SettingsStore from '../../../stores/SettingsStore'; | 16 | import SettingsStore from '../../../stores/SettingsStore'; |
17 | import { Icon } from '../../ui/icon'; | ||
16 | 18 | ||
17 | const IS_SERVICE_DEBUGGING_ENABLED = ( | 19 | const IS_SERVICE_DEBUGGING_ENABLED = ( |
18 | localStorage.getItem('debug') || '' | 20 | localStorage.getItem('debug') || '' |
@@ -334,10 +336,10 @@ class TabItem extends Component { | |||
334 | } | 336 | } |
335 | 337 | ||
336 | let errorBadge = null; | 338 | let errorBadge = null; |
337 | if ( service.isError ) { | 339 | if (service.isError) { |
338 | errorBadge=( | 340 | errorBadge = ( |
339 | <i className = " mdi mdi-exclamation tab-item__error-icon"/> | 341 | <Icon icon={mdiExclamation} className="tab-item__error-icon" /> |
340 | ) | 342 | ); |
341 | } | 343 | } |
342 | 344 | ||
343 | return ( | 345 | return ( |
@@ -359,11 +361,14 @@ class TabItem extends Component { | |||
359 | : '' | 361 | : '' |
360 | }`} | 362 | }`} |
361 | > | 363 | > |
362 | 364 | {showServiceNameSetting ? ( | |
363 | {showServiceNameSetting? <div> | 365 | <div> |
366 | <img src={service.icon} className="tab-item__icon" alt="" /> | ||
367 | <span className="tab-item__label">{service.name}</span> | ||
368 | </div> | ||
369 | ) : ( | ||
364 | <img src={service.icon} className="tab-item__icon" alt="" /> | 370 | <img src={service.icon} className="tab-item__icon" alt="" /> |
365 | <span className="tab-item__label">{service.name}</span> | 371 | )} |
366 | </div> : <img src={service.icon} className="tab-item__icon" alt="" />} | ||
367 | 372 | ||
368 | {notificationBadge} | 373 | {notificationBadge} |
369 | {errorBadge} | 374 | {errorBadge} |