Add notification settings

1 files changed, 18 insertions, 0 deletions

diff --git a/gui/src/renderer/components/Preferences.tsx b/gui/src/renderer/components/Preferences.tsx
index d8c8887c0d..b690a506b3 100644
--- a/gui/src/renderer/components/Preferences.tsx
+++ b/gui/src/renderer/components/Preferences.tsx
@@ -17,11 +17,13 @@ export interface IPreferencesProps {
   autoStart: boolean;
   autoConnect: boolean;
   allowLan: boolean;
+  enableSystemNotifications: boolean;
   monochromaticIcon: boolean;
   startMinimized: boolean;
   enableMonochromaticIconToggle: boolean;
   enableStartMinimizedToggle: boolean;
   setAutoStart: (autoStart: boolean) => void;
+  setEnableSystemNotifications: (flag: boolean) => void;
   setAutoConnect: (autoConnect: boolean) => void;
   setAllowLan: (allowLan: boolean) => void;
   setStartMinimized: (startMinimized: boolean) => void;
@@ -93,6 +95,22 @@ export default class Preferences extends Component<IPreferencesProps> {
                       )}
                     </Cell.Footer>
 
+                    <Cell.Container>
+                      <Cell.Label>
+                        {messages.pgettext('preferences-view', 'Notifications')}
+                      </Cell.Label>
+                      <Cell.Switch
+                        isOn={this.props.enableSystemNotifications}
+                        onChange={this.props.setEnableSystemNotifications}
+                      />
+                    </Cell.Container>
+                    <Cell.Footer>
+                      {messages.pgettext(
+                        'preferences-view',
+                        'Enable or disable system notifications. The critical notifications will always be displayed.',
+                      )}
+                    </Cell.Footer>
+
                     <MonochromaticIconToggle
                       enable={this.props.enableMonochromaticIconToggle}
                       monochromaticIcon={this.props.monochromaticIcon}