fix: reset changedSettings after press save

src/routes/setting/index.js

@@ -28,7 +28,7 @@ class Setting extends React.Component {
     const { confirmedNavigation, changedSettings } = this.state
     const isDirty = Object.keys(changedSettings).length > 0
 
-    if (nextLocation.pathname !== '/settings' && isDirty && !confirmedNavigation) {
+    if (isDirty && !confirmedNavigation) {
       this.showModal(nextLocation)
       return false // disallow navigation
     }
@@ -72,6 +72,13 @@ class Setting extends React.Component {
     }
   }
 
+  resetChangedSettings = () => {
+    this.setState({
+      ...this.state,
+      changedSettings: {},
+    })
+  }
+
   render() {
     const { setting, dispatch, loading } = this.props
     const { modalVisible, changedSettings } = this.state
@@ -87,6 +94,7 @@ class Setting extends React.Component {
           payload,
         })
       },
+      resetChangedSettings: this.resetChangedSettings,
       onInputChange: this.onInputChange,
     }
 

src/routes/setting/setting.js

@@ -17,11 +17,13 @@ const form = ({
   loading,
   onSubmit,
   onInputChange,
+  resetChangedSettings,
 }) => {
   const handleOnSubmit = () => {
     const fields = getFieldsValue()
     Object.keys(fields).forEach(key => { fields[key] = fields[key].toString() })
     onSubmit(fields)
+    resetChangedSettings()
   }
   const parseSettingRules = (setting) => {
     const definition = setting.definition
@@ -147,7 +149,7 @@ const form = ({
   ))
 
   return (
-    <Spin spinning={saving || loading}>
+    <Spin spinning={saving || loading} style={{ height: '100vh' }}>
       <Form className={styles.setting}>
         {settings}
       </Form>
@@ -174,6 +176,7 @@ form.propTypes = {
   saving: PropTypes.bool,
   loading: PropTypes.bool,
   onInputChange: PropTypes.func,
+  resetChangedSettings: PropTypes.func,
 }
 
 export default Form.create()(form)

src/routes/setting/setting.less

@@ -28,7 +28,3 @@
     border: 1px solid #f15354;
   }
 }
-
-:global .ant-spin-nested-loading{
-  height: 100vh;
-}