Adding InputField

2026-08-19 12:40:16 +08:00 · 2018-05-01 17:55:01 -03:00
parent 49fcc1ea43
commit d5fa7455e5
18 changed files with 1302 additions and 4 deletions
@@ -9,7 +9,7 @@ import DeleteMyAccountStep2 from './DeleteMyAccountStep2';
 import DeleteMyAccountStep3 from './DeleteMyAccountStep3';
 import DeleteMyAccountFinalStep from './DeleteMyAccountFinalStep';

-const initialState = { step: 0 };
+const initialState = { step: 0, formData: {} };

 class DeleteMyAccountDialog extends React.Component {
  state = initialState;
@@ -29,6 +29,17 @@ class DeleteMyAccountDialog extends React.Component {
    this.props.closeDialog();
  };

+  onChange = e => {
+    const { name, value } = e.target;
+
+    this.setState(state => ({
+      formData: {
+        ...state.formData,
+        [name]: value,
+      },
+    }));
+  };
+
  render() {
    const { step } = this.state;
    return (
@@ -58,9 +69,11 @@ class DeleteMyAccountDialog extends React.Component {
        )}
        {step === 3 && (
          <DeleteMyAccountStep3
+            formData={this.state.formData}
            goToNextStep={this.goToNextStep}
            cancel={this.cancel}
            requestAccountDeletion={this.props.requestAccountDeletion}
+            onChange={this.onChange}
          />
        )}
        {step === 4 && <DeleteMyAccountFinalStep finish={this.cancel} />}