src/Configurations.js
// When user submits input fields, check for validity, and then move on to the next step (allow users to pick walls)

When user submits input fields, check for validity, and then move on to the next step (allow users to pick walls)
When user submits input fields check for validity and then move on to the next step ( allow users to pick walls )
handleSubmit(event) {
		event.preventDefault();
		if (this.state.rows === "0" || this.state.rows === "" || this.state.rows === null) {
			this.setState({rowErrorMessage: "Invalid row value!"});
			return;
		}
		else {
			this.setState({rowErrorMessage: ""});
		}
		if (this.state.columns === "0" || this.state.columns === "" || this.state.columns === null) {
			this.setState({columnErrorMessage: "Invalid column value!"});
			return;
		}
		else {
			this.setState({columnErrorMessage: ""});
		}
		this.setState({setUpMaze: true});
	}
handleSubmit ( event ) { event . preventDefault ( ) ; if ( this . state . rows === "0" || this . state . rows === "" || this . state . rows === null ) { this . setState ( { rowErrorMessage : "Invalid row value!" } ) ; return ; } else { this . setState ( { rowErrorMessage : "" } ) ; } if ( this . state . columns === "0" || this . state . columns === "" || this . state . columns === null ) { this . setState ( { columnErrorMessage : "Invalid column value!" } ) ; return ; } else { this . setState ( { columnErrorMessage : "" } ) ; } this . setState ( { setUpMaze : true } ) ; }
When user submits input fields, check for validity, and then move on to the next step (allow users to pick walls)
When user submits input fields check for validity and then move on to the next step ( allow users to pick walls )
// Check that the user did not ignore the error messages
 // Rows, columns, and algorithm obtained --- time to show the grid
 // console.log(this.state.rows);
 // console.log(this.state.columns);
 // console.log(this.state.algorithm);
