[DDW-738] Notification knob

Author: Lucas Araujo

storybook/stories/_support/DiscreetModeNotificationKnob.js

@@ -0,0 +1,32 @@
+// @flow
+
+import { useLayoutEffect } from 'react';
+import { observer } from 'mobx-react';
+import { boolean } from '@storybook/addon-knobs';
+import { useDiscreetModeFeature } from '../../../source/renderer/app/features';
+
+export const DiscreetModeNotificationKnob = observer(() => {
+  const feature = useDiscreetModeFeature();
+  const tooltipKnob = boolean('Discreet mode tooltip', false, 'Dicreet Mode');
+  const notificationKnob = boolean(
+    'Discreet mode notification',
+    false,
+    'Dicreet Mode'
+  );
+
+  useLayoutEffect(() => {
+    const knobBoolValue = JSON.parse(notificationKnob);
+    if (knobBoolValue !== feature.isNotificationEnabled) {
+      feature.setDiscreetModeNotification(knobBoolValue);
+    }
+  }, [notificationKnob, feature.isNotificationEnabled]);
+
+  useLayoutEffect(() => {
+    const knobBoolValue = JSON.parse(tooltipKnob);
+    if (knobBoolValue !== feature.isSettingsTooltipEnabled) {
+      feature.setDiscreetModeSettingsTooltip(knobBoolValue);
+    }
+  }, [tooltipKnob, feature.isSettingsTooltipEnabled]);
+
+  return null;
+});

storybook/stories/_support/DiscreetModeToggleKnob.js

@@ -7,7 +7,7 @@ import { useDiscreetModeFeature } from '../../../source/renderer/app/features';
 
 export const DiscreetModeToggleKnob = observer(() => {
   const feature = useDiscreetModeFeature();
-  const knob = boolean('Toogle discreet mode', false);
+  const knob = boolean('Toogle discreet mode', false, 'Dicreet Mode');
 
   useLayoutEffect(() => {
     if (knob !== feature.isDiscreetMode) {

storybook/stories/_support/StoryProvider.js

@@ -13,6 +13,7 @@ import {
   BrowserLocalStorageBridge,
 } from '../../../source/renderer/app/features';
 import { DiscreetModeToggleKnob } from './DiscreetModeToggleKnob';
+import { DiscreetModeNotificationKnob } from './DiscreetModeNotificationKnob';
 
 type Props = {
   children: Node,
@@ -188,6 +189,7 @@ export default class StoryProvider extends Component<Props> {
             <>
               {this.props.children}
               <DiscreetModeToggleKnob />
+              <DiscreetModeNotificationKnob />
             </>
           </DiscreetModeFeatureProvider>
         </BrowserLocalStorageBridge>