isSavedStatesOfTabChanges

src/client/js/components/Admin/Customize/CustomizeFunctionSetting.jsx

@@ -59,6 +59,18 @@ class CustomizeBehaviorSetting extends React.Component {
           </p>
         </CustomizeFunctionOption>
 
+        <CustomizeFunctionOption
+          optionId="isSavedStatesOfTabChanges"
+          label={t('customize_page.tab_switch')}
+          isChecked={adminCustomizeContainer.state.isSavedStatesOfTabChanges}
+          onChecked={() => { adminCustomizeContainer.switchSavedStatesOfTabChanges() }}
+        >
+          <p className="help-block">
+            { t('customize_page.save_edit') }<br />
+            { t('customize_page.by_invalidating') }
+          </p>
+        </CustomizeFunctionOption>
+
         <AdminUpdateButtonRow onClick={this.onClickSubmit} />
       </React.Fragment>
     );

src/client/js/services/AdminCustomizeContainer.js

@@ -16,6 +16,7 @@ export default class AdminCustomizeContainer extends Container {
       currentLayout: appContainer.config.layoutType,
       currentBehavior: appContainer.config.behaviorType,
       isEnabledTimeline: appContainer.config.isEnabledTimeline,
+      isSavedStatesOfTabChanges: appContainer.config.isSavedStatesOfTabChanges,
     };
 
   }
@@ -59,6 +60,13 @@ export default class AdminCustomizeContainer extends Container {
     this.setState({ isEnabledTimeline:  !this.state.isEnabledTimeline });
   }
 
+  /**
+   * Switch savedStatesOfTabChanges
+   */
+  switchSavedStatesOfTabChanges() {
+    this.setState({ isSavedStatesOfTabChanges:  !this.state.isSavedStatesOfTabChanges });
+  }
+
   /**
    * Update layout
    * @memberOf AdminCustomizeContainer