81 lines
1.8 KiB
JavaScript
81 lines
1.8 KiB
JavaScript
// import React from 'react';
|
|
// import logo from './logo.svg';
|
|
// import './App.css';
|
|
|
|
// function App() {
|
|
// return (
|
|
// <React.Fragment>
|
|
// <NavBar />
|
|
// <main className="container">
|
|
// <Switch>
|
|
// {/* <Route path="/login" component={LoginForm} /> */}
|
|
// {/* <Route path="/movies/:id" component={MovieForm} /> */}
|
|
// <Route path="/ticket" component={Ticket}></Route>
|
|
// <Route path="/operator" component={Operator}></Route>
|
|
// <Route path="/cityLine" component={CityLine}></Route>
|
|
// <Route path="/notFound" component={NotFound}></Route>
|
|
// <Route path="/line" component={Line}></Route>
|
|
// <Redirect from='/' exact to ="/home"/>
|
|
|
|
// <Redirect to ="/notFound"/>
|
|
// </Switch>
|
|
|
|
// {/* <Movies/> */}
|
|
// </main>
|
|
// </React.Fragment>
|
|
|
|
// );
|
|
// }
|
|
|
|
// export default App;
|
|
|
|
import React from "react";
|
|
import CityLine from './components/cityLine'
|
|
import Operator from './components/operator'
|
|
import Ticket from './components/ticket'
|
|
import TravelPlanner from './components/travelplanner.jsx'
|
|
import Vehicule from './components/vehicule'
|
|
import { Container, Row, Col } from 'react-bootstrap'
|
|
import './style.css'
|
|
//import TravelPlanner from './components/travelplanner';
|
|
|
|
|
|
class App extends React.Component {
|
|
constructor() {
|
|
super();
|
|
this.state = {
|
|
status: false
|
|
};
|
|
|
|
this.changeState = this.changeState.bind(this);
|
|
}
|
|
|
|
changeState() {
|
|
this.setState(prevState => {
|
|
return { status: !prevState.status };
|
|
});
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className='mainGrid'>
|
|
<CityLine/>
|
|
<Operator />
|
|
|
|
|
|
<Ticket />
|
|
<TravelPlanner />
|
|
|
|
|
|
|
|
<Vehicule />
|
|
<h1>John's app</h1>
|
|
|
|
</div>
|
|
)
|
|
|
|
}
|
|
}
|
|
|
|
export default App;
|