wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-08-20 12:50:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

Finished with crossed steps

Browse Source
This commit is contained in:
okbel
2018-04-30 23:14:47 -03:00
parent f5563c80b1
commit bbd02dda81
4 changed files with 33 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/talk-plugin-auth/client/profile-settings/components/ConfirmChangesDialog.js
+16 -15
View File
@@ -34,27 +34,28 @@ class ConfirmChangesDialog extends React.Component {
this.props.finish();
};
renderSteps = () => {
const steps = React.Children.toArray(this.props.children)
.filter(child => child.props.enable)
.filter((_, i) => i === this.state.step);
return steps.map(child => {
return React.cloneElement(child, {
goToNextStep: this.goToNextStep,
clear: this.clear,
cancel: this.cancel,
next: this.state.step === steps.length ? this.finish : this.continue,
});
});
};
render() {
const totalSteps = React.Children.count(this.props.children);
if (!totalSteps) return null;
return (
<Dialog
open={this.props.showDialog}
className={cn(styles.dialog, 'talk-plugin-auth--edit-profile-dialog')}
>
{React.Children.map(this.props.children, (child, i) => {
const totalSteps = React.Children.count(this.props.children);
if (i !== this.state.step) return;
return React.cloneElement(child, {
goToNextStep: this.goToNextStep,
clear: this.clear,
cancel: this.cancel,
next:
this.state.step === totalSteps - 1 ? this.finish : this.continue,
});
})}
{this.renderSteps()}
</Dialog>
);
}