diff --git a/client/src/App.jsx b/client/src/App.jsx index 1709a9a..f392a06 100644 --- a/client/src/App.jsx +++ b/client/src/App.jsx @@ -4,13 +4,17 @@ import Header from "./components/Header"; import { DndProvider } from "react-dnd"; import Backend from "react-dnd-html5-backend"; import Button from "./components/Button"; +import Homepage2 from "./pages/Homepage2"; const App = () => { return (
- - - - ); -}; - -export default Button; \ No newline at end of file +import PopUp from "./Popup"; +export default class App extends React.Component { + state = { + seen: false + }; + togglePop = () => { + this.setState({ + seen: !this.state.seen + }); + }; +render() { + return ( +
+
+ +
+ {this.state.seen ? : null} +
+ ); + } +} diff --git a/client/src/components/Popup.jsx b/client/src/components/Popup.jsx new file mode 100644 index 0000000..f88d890 --- /dev/null +++ b/client/src/components/Popup.jsx @@ -0,0 +1,116 @@ +import React, { Component } from "react"; +export default class PopUp extends Component { + + + constructor(props){ + super(props) + + this.state ={ + + event: '', + time: '', + day: '', + notes: '' + + + } + + this.handleSubmit = this.handleSubmit.bind(this) + } + + handleEventChange = (event) => { + + this.setState({ + event: event.target.value + }) + } + + handleTimeChange = (event) => { + this.setState({ + time: event.target.value + }) + } + + handleDayChange = (event) => { + this.setState({ + day: event.target.value + }) + } + + handleNotesChange = event => { + this.setState({ + notes: event.target.value + }) + } + + + handleSubmit = event => { + + + + if(this.state.event === '' || this.state.time === '' || this.state.notes === '' || this.state.day === ''){ + alert(`One or more of the inputs are empty`) + event.preventDefault(); + } else{ + + this.setState( { event: '' }); + this.setState( { time: '' }); + this.setState({ day:''}); + this.setState({ notes:''}); + + event.preventDefault(); + } + +} + + + + + handleClick = () => { + this.props.toggle(); + }; + + + +render() { + + + return ( + +
+
+ × +
+

+ +

Event Name:

+