diff options
author | Santhosh C <csesanthosh15@gmail.com> | 2022-10-04 22:34:43 +0530 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-10-04 17:04:43 +0000 |
commit | 88c770f09950a29c4152ef0cd0ce834efe665fe2 (patch) | |
tree | dc83c66ba9123fa46fa10a9fb1d479c28dc95389 /src/components | |
parent | 6.2.1-nightly.8 [skip ci] (diff) | |
download | ferdium-app-88c770f09950a29c4152ef0cd0ce834efe665fe2.tar.gz ferdium-app-88c770f09950a29c4152ef0cd0ce834efe665fe2.tar.zst ferdium-app-88c770f09950a29c4152ef0cd0ce834efe665fe2.zip |
Feature: Indication Icon which service is playing media (#655)
Diffstat (limited to 'src/components')
-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 |