github.com/christoph-karpowicz/db_mediator@v0.0.0-20210207102849-61a28a1071d8/web/src/App.tsx (about)

     1  import React from 'react';
     2  import { BrowserRouter as Router } from "react-router-dom";
     3  import Application from './app/app';
     4  import './css/App.css';
     5  import Navigation from './componenets/nav/Navigation';
     6  import SubNavigation from './componenets/nav/SubNavigation'
     7  import Content from './componenets/content/Content';
     8  
     9  function App(): JSX.Element {
    10    Application.init();
    11    
    12    const [subNavigationActive, setSubNavigationActive] = 
    13      React.useState(false)
    14    const [synchs, setSynchs] = React.useState(null);
    15  
    16    function toggleSubNavigationActive(): void {
    17      setSubNavigationActive(!subNavigationActive);
    18    }
    19    
    20    return (
    21      <Router>
    22        <div className="App">
    23          <Navigation 
    24            isSubNavigationActive={subNavigationActive} 
    25            toggleSubNavigationActive={toggleSubNavigationActive} 
    26            setSynchs={setSynchs}
    27          />
    28          <SubNavigation 
    29            toggleSubNavigationActive={toggleSubNavigationActive} 
    30            isActive={subNavigationActive}
    31            synchs={synchs}
    32          />
    33          <Content />
    34        </div>
    35      </Router>
    36    );
    37  }
    38  
    39  export default App;