From 3405e22bf2bcddef2de0d59453c978fd1ea03836 Mon Sep 17 00:00:00 2001 From: Vijay A Date: Wed, 11 Aug 2021 22:32:58 +0530 Subject: feat: allow the user to enable/disable dark mode (from the sidebar context menu) --- src/components/services/tabs/TabItem.js | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'src/components/services/tabs/TabItem.js') diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js index d4a4048eb..3c27cca73 100644 --- a/src/components/services/tabs/TabItem.js +++ b/src/components/services/tabs/TabItem.js @@ -41,6 +41,14 @@ const messages = defineMessages({ id: 'tabs.item.enableAudio', defaultMessage: '!!!Enable audio', }, + enableDarkMode: { + id: 'tabs.item.enableDarkMode', + defaultMessage: '!!!Enable Dark mode', + }, + disableDarkMode: { + id: 'tabs.item.disableDarkMode', + defaultMessage: '!!!Disable Dark mode', + }, disableService: { id: 'tabs.item.disableService', defaultMessage: '!!!Disable Service', @@ -118,6 +126,7 @@ class TabItem extends Component { reload: PropTypes.func.isRequired, toggleNotifications: PropTypes.func.isRequired, toggleAudio: PropTypes.func.isRequired, + toggleDarkMode: PropTypes.func.isRequired, openSettings: PropTypes.func.isRequired, deleteService: PropTypes.func.isRequired, disableService: PropTypes.func.isRequired, @@ -169,6 +178,7 @@ class TabItem extends Component { reload, toggleNotifications, toggleAudio, + toggleDarkMode, deleteService, disableService, enableService, @@ -215,6 +225,12 @@ class TabItem extends Component { : intl.formatMessage(messages.disableAudio), click: () => toggleAudio(), }, + { + label: service.isDarkModeEnabled + ? intl.formatMessage(messages.enableDarkMode) + : intl.formatMessage(messages.disableDarkMode), + click: () => toggleDarkMode(), + }, { label: intl.formatMessage( service.isEnabled ? messages.disableService : messages.enableService, -- cgit v1.2.3-70-g09d2