EA360UI/App.js at main · ravikik/EA360UI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import ListQueuesComponent from './components/ListQueuesComponent';

//import FooterComponent from './components/FooterComponent';
import {BrowserRouter as Router, Route , Switch} from 'react-router-dom';
import AddQueueComponent from './components/AddQueueComponent';
import Toolbar from './components/Toolbar/Toolbar';
import SideBar from './components/Sidebar/SideBar';
import { render } from '@testing-library/react';


class App extends Component {
     state = {
     sideBarOpen: true


  };


  sideBarClickHandler = () => {
    this.setState((prevState) => {
     return {sideBarOpen: !prevState.sideBarOpen};


    });

  };

  render () {
    let sideBar;
    if (this.state.sideBarOpen) {
      sideBar = <SideBar />
    }
    return (
      <div style={{height: '100%'}}>
      <body className="App-body" />
      <Toolbar sideBarbuttonClickHandler={this.sideBarClickHandler} />
       {sideBar}

      <div className="App">


        <Router>

             <div className="container">
                 <Switch>
                     <Route path = "/" exact component = {ListQueuesComponent}></Route>
                     <Route path = "/listQueues" component = {ListQueuesComponent}></Route>
                     <Route path = "/addQueue" component = {AddQueueComponent}></Route>


                 </Switch>
                </div>


        </Router>


      </div>

    </div>

  );

            };
          };

export default App;