export function SearchForm({ searchField, updateSearch }) { const [searchValue, setSearchValue] = useState(searchField); function changeSearchField({ target }) { setSearchValue(target.value); } function updatePath(evt) { evt.preventDefault(); updateSearch(searchValue); } return <Form onSubmit={updatePath} className="search-form"> <Form.Group controlId="formBasicEmail"> <Form.Control className="search-form__input" type="text" placeholder="Enter your search here" value={searchValue} onChange={changeSearchField} /> </Form.Group> <Button className="search-form__submit" variant="primary" type="submit" disabled={searchValue === searchField}> Submit </Button> </Form>; }
const SelectTest = (props) =>{ return( <Form> <Form.Group controlId="testSelect"> <Form.Label>Test Select</Form.Label> <Form.Control as="select" defaultValue={props.value} ref={props.Ref} > <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> </Form.Control> </Form.Group> <Form.Group controlId="choiceDisplay"> <Form.Label>Current Choice</Form.Label> <Form.Control type="text" defaultValue={props.value} ref={props.Ref} readOnly > </Form.Control> </Form.Group> </Form> ) }
<Col xs={12} md={6}> <Form> <Form.Group controlId=""> <Form.Label>Movie Title</Form.Label> <Form.Control type="text" name="title" value={title || ""} placeholder="Title of the movie" onChange={e=>this.setState({title: e.target.value})}/> </Form.Group> <Form.Group controlId=""> <Form.Label>Director</Form.Label> <Form.Control type="text" name="director" value={director || ""} placeholder="Director of the movie" onChange={e=>this.setState({director: e.target.value})}/> </Form.Group> <Form.Group controlId=""> <Form.Label>Year</Form.Label> <Form.Control type="number" min="1700" max="2020" name="year" value={year || 2019 } placeholder="Year of the movie" onChange={e=>this.setState({year: e.target.value})}/> </Form.Group> <Form.Group controlId=""> <Form.Label>Poster URL</Form.Label> <Form.Control type="url" name="posterUrl" value={posterUrl || ""} placeholder="Poster URL" onChange={e=>this.setState({posterUrl: e.target.value})}/> </Form.Group> </Form> </Col>
<Form.Group controlId="email"> <Form.Label>Enter your email address</Form.Label> <Form.Control {errors.email} </Form.Control.Feedback> </Form.Group> <Form.Group controlId="password"> <Form.Label>Enter your password</Form.Label> <Form.Control {errors.password} </Form.Control.Feedback> </Form.Group> <Form.Group> <Button style={{ </Form.Group> <Form.Group> <Link to="/auth/register" className="btnForgetPwd text-primary"> Don't have a account? </Link> </Form.Group> </Form> </div>
</p> )} <Form.Group controlId="email"> <Form.Label>Email address</Form.Label> <Form.Control onChange={this.handleInputChange} /> </Form.Group> <Form.Group controlId="password"> <Form.Label>Password</Form.Label> <Form.Control onChange={this.handleInputChange} /> </Form.Group> <div className="action-items"> <Button variant="primary" type="submit">
<Form.Group controlId="email"> <Form.Label>Email address:</Form.Label> <span className="label-value">{email}</span> </Form.Group> <Form.Group controlId="first_name"> <Form.Label>First name:</Form.Label> <Form.Control onChange={this.handleOnChange} /> </Form.Group> <Form.Group controlId="last_name"> <Form.Label>Last name:</Form.Label> <Form.Control onChange={this.handleOnChange} /> </Form.Group>
<Form.Group controlId="name"> <Form.Label>Enter your name</Form.Label> <Form.Control {errors.name} </Form.Control.Feedback> </Form.Group> <Form.Group controlId="username"> <Form.Label>Enter your username</Form.Label> <Form.Control {errors.username} </Form.Control.Feedback> </Form.Group> <Form.Group controlId="email"> <Form.Label>Enter your email address</Form.Label> <Form.Control {errors.email} </Form.Control.Feedback> </Form.Group> <Form.Group controlId="password"> <Form.Label>Enter your password</Form.Label> <Form.Control {errors.password}
<Form.Group as={Row} controlId="formPlaintextEmail"> <Form.Label column sm="2"> Name </Form.Control.Feedback> </Col> </Form.Group> <Form.Group as={Row} controlId="formPlaintextEmail"> <Form.Label column sm="2"> Life </Form.Control.Feedback> </Col> </Form.Group> <Form.Group as={Row} controlId="formPlaintextEmail"> <Form.Label column sm="2"> Mana </Form.Control.Feedback> </Col> </Form.Group> <Form.Group> <Button style={{ </Form.Group>
<Form.Group controlId="first_name"> <Form.Label>First name</Form.Label> <Form.Control onChange={this.handleInputChange} /> </Form.Group> <Form.Group controlId="last_name"> <Form.Label>Last name</Form.Label> <Form.Control onChange={this.handleInputChange} /> </Form.Group> <Form.Group controlId="email"> <Form.Label>Email address</Form.Label> <Form.Control onChange={this.handleInputChange} /> </Form.Group> <Form.Group controlId="password"> <Form.Label>Password</Form.Label> <Form.Control onChange={this.handleInputChange} /> </Form.Group> <Form.Group controlId="cpassword">
<Col xs={12} md={6}> <Form> <Form.Group controlId=""> <Form.Label>Movie Title</Form.Label> <Form.Control type="text" name="title" value={title || ""} placeholder="Title of the movie" onChange={e=>this.setState({title: e.target.value})}/> </Form.Group> <Form.Group controlId=""> <Form.Label>Director</Form.Label> <Form.Control type="text" name="director" value={director || ""} placeholder="Director of the movie" onChange={e=>this.setState({director: e.target.value})}/> </Form.Group> <Form.Group controlId=""> <Form.Label>Year</Form.Label> <Form.Control type="number" min="1700" max="2020" name="year" value={year || 2019 } placeholder="Year of the movie" onChange={e=>this.setState({year: e.target.value})}/> </Form.Group> <Form.Group controlId=""> <Form.Label>Poster URL</Form.Label> <Form.Control type="url" name="posterUrl" value={posterUrl || ""} placeholder="Poster URL" onChange={e=>this.setState({posterUrl: e.target.value})}/> </Form.Group> </Form> </Col>