commit 1

2018-11-08 18:08:07 +01:00
parent 5cb49705eb
commit 48c5e036b0
14 changed files with 936 additions and 239 deletions
@@ -0,0 +1,83 @@
+import React, { Component } from 'react';
+import {
+	Row,
+	Navbar,
+	Nav,
+	NavDropdown,
+	//Form,
+	FormControl,
+	Button
+} from 'react-bootstrap'; //eslint-disable-next-line
+import { Link, withRouter } from 'react-router-dom';
+// import PropTypes from "prop-types";
+
+class TopBar extends Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			query: ''
+		};
+		this.handleChange = this.handleChange.bind(this);
+		this.handleSubmit = this.handleSubmit.bind(this);
+	}
+
+	handleChange(event) {
+		this.setState({
+			query: event.target.value
+		});
+	}
+	handleSubmit(event) {
+		alert(this.state.query);
+		event.preventDefault();
+		event.target.reset();
+	}
+	render() {
+		return (
+			<Row>
+				<style type="text/css">
+					{`
+    .nav-custom {
+        color: white;
+    }
+    `}
+				</style>
+				<Navbar bg="dark" className="py-0 px-1 w-100" expand="md">
+					<Navbar.Brand>
+						<Link to="/">HazeTV</Link>
+					</Navbar.Brand>
+					<Navbar.Toggle aria-controls="basic-navbar-nav" />
+					<Navbar.Collapse id="basic-navbar-nav">
+						<Nav className="mr-auto">
+							<Nav.Link href="#home" className="text-light">Home</Nav.Link>
+							<Nav.Link href="#link" className="text-light">Link</Nav.Link>
+							<NavDropdown title="arnaldo" id="basic-nav-dropdown" bsPrefix="nav-custom">
+								<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
+								<NavDropdown.Item href="#action/3.2">
+									Another action
+								</NavDropdown.Item>
+								<NavDropdown.Item href="#action/3.3">
+									Something
+								</NavDropdown.Item>
+								<NavDropdown.Divider />
+								<NavDropdown.Item href="#action/3.4">
+									Separated link
+								</NavDropdown.Item>
+							</NavDropdown>
+						</Nav>
+						<form className="form-inline" onSubmit={this.handleSubmit}>
+							<FormControl
+								type="text"
+								placeholder="Search"
+								className="mr-sm-2"
+								onChange={this.handleChange}
+							/>
+							<Button type="submit" variant="outline-success">Search</Button>
+						</form>
+					</Navbar.Collapse>
+				</Navbar>
+			</Row>
+		);
+	}
+}
+
+export default TopBar;