fix bug on live mode

src/components/Settings/Navigation/Navigation.component.js

@@ -20,7 +20,9 @@ const propTypes = {
    */
   onClose: PropTypes.func,
   updateNavigationSettings: PropTypes.func.isRequired,
-  navigationSettings: PropTypes.object.isRequired
+  navigationSettings: PropTypes.object.isRequired,
+  isLiveMode: PropTypes.bool,
+  changeLiveMode: PropTypes.func.isRequired
 };
 
 class Navigation extends React.Component {
@@ -69,6 +71,10 @@ class Navigation extends React.Component {
   };
 
   onSubmit = () => {
+    const { isLiveMode, changeLiveMode } = this.props;
+    if (!this.state.liveMode && isLiveMode) {
+      changeLiveMode();
+    }
     this.props.updateNavigationSettings(this.state);
   };
 

src/components/Settings/Navigation/Navigation.container.js

@@ -5,10 +5,13 @@ import { injectIntl, intlShape } from 'react-intl';
 import { updateNavigationSettings } from '../../App/App.actions';
 import Navigation from './Navigation.component';
 import API from '../../../api';
+import { changeLiveMode } from '../../Board/Board.actions';
 
 export class NavigationContainer extends PureComponent {
   static propTypes = {
-    intl: intlShape.isRequired
+    intl: intlShape.isRequired,
+    isLiveMode: PropTypes.bool,
+    changeLiveMode: PropTypes.func
   };
 
   updateNavigationSettings = async navigationSettings => {
@@ -19,12 +22,14 @@ export class NavigationContainer extends PureComponent {
   };
 
   render() {
-    const { history } = this.props;
+    const { history, isLiveMode, changeLiveMode } = this.props;
 
     return (
       <Navigation
         {...this.props}
         onClose={history.goBack}
+        isLiveMode={isLiveMode}
+        changeLiveMode={changeLiveMode}
         updateNavigationSettings={this.updateNavigationSettings}
       />
     );
@@ -37,12 +42,16 @@ NavigationContainer.props = {
   navigationSettings: PropTypes.object.isRequired
 };
 
-const mapStateToProps = ({ app: { navigationSettings } }) => ({
-  navigationSettings
-});
+const mapStateToProps = ({ board, app }) => {
+  return {
+    isLiveMode: board.isLiveMode,
+    navigationSettings: app.navigationSettings
+  };
+};
 
 const mapDispatchToProps = {
-  updateNavigationSettingsAction: updateNavigationSettings
+  updateNavigationSettingsAction: updateNavigationSettings,
+  changeLiveMode
 };
 
 export default connect(