diff options
Diffstat (limited to 'src/components/services')
-rw-r--r-- | src/components/services/tabs/TabItem.js | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js index a996990b5..5b901f3bf 100644 --- a/src/components/services/tabs/TabItem.js +++ b/src/components/services/tabs/TabItem.js | |||
@@ -9,7 +9,7 @@ import injectSheet from 'react-jss'; | |||
9 | import ms from 'ms'; | 9 | import ms from 'ms'; |
10 | 10 | ||
11 | import { observable, autorun, reaction, makeObservable } from 'mobx'; | 11 | import { observable, autorun, reaction, makeObservable } from 'mobx'; |
12 | import { mdiExclamation } from '@mdi/js'; | 12 | import { mdiExclamation, mdiVolumeSource } from '@mdi/js'; |
13 | import ServiceModel from '../../../models/Service'; | 13 | import ServiceModel from '../../../models/Service'; |
14 | import { cmdOrCtrlShortcutKey, shiftKey, altKey } from '../../../environment'; | 14 | import { cmdOrCtrlShortcutKey, shiftKey, altKey } from '../../../environment'; |
15 | import globalMessages from '../../../i18n/globalMessages'; | 15 | import globalMessages from '../../../i18n/globalMessages'; |
@@ -350,6 +350,10 @@ class TabItem extends Component { | |||
350 | ); | 350 | ); |
351 | } | 351 | } |
352 | 352 | ||
353 | const mediaBadge = service.isMediaPlaying ? ( | ||
354 | <Icon icon={mdiVolumeSource} className="tab-item__icon" /> | ||
355 | ) : null; | ||
356 | |||
353 | return ( | 357 | return ( |
354 | <li | 358 | <li |
355 | className={classnames({ | 359 | className={classnames({ |
@@ -375,6 +379,7 @@ class TabItem extends Component { | |||
375 | )} | 379 | )} |
376 | {notificationBadge} | 380 | {notificationBadge} |
377 | {errorBadge} | 381 | {errorBadge} |
382 | {mediaBadge} | ||
378 | {IS_SERVICE_DEBUGGING_ENABLED && ( | 383 | {IS_SERVICE_DEBUGGING_ENABLED && ( |
379 | <> | 384 | <> |
380 | <div | 385 | <div |