interface ProjectCreateProps {
open: boolean;
handleClose: () => void;
+ onSubmit: (data: { name: string, description: string }) => void;
}
interface DialogState {
</DialogContent>
<DialogActions>
<Button onClick={handleClose} className={classes.button} color="primary">CANCEL</Button>
- <Button onClick={handleClose} className={classes.lastButton} color="primary" disabled={!this.state.isNameValid || (!this.state.isDescriptionValid && description.length > 0)} variant="raised">CREATE A PROJECT</Button>
+ <Button onClick={this.handleSubmit} className={classes.lastButton} color="primary" disabled={!this.state.isNameValid || (!this.state.isDescriptionValid && description.length > 0)} variant="raised">CREATE A PROJECT</Button>
</DialogActions>
</div>
</Dialog>
);
}
- handleProjectName(e: any) {
+ handleSubmit = () => {
+ this.props.onSubmit({
+ name: this.state.name,
+ description: this.state.description
+ });
+ }
+
+ handleProjectName(e: React.ChangeEvent<HTMLInputElement>) {
this.setState({
name: e.target.value,
});
}
- handleDescriptionValue(e: any) {
+ handleDescriptionValue(e: React.ChangeEvent<HTMLInputElement>) {
this.setState({
description: e.target.value,
});