src/components/App.tsx


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

/*
 * OpenBills - Self hosted browser app to generate and keep track of simple invoices
 * Version - 0
 * Licensed under the MIT license - https://opensource.org/licenses/MIT
 *
 * Copyright (c) 2021 Vidhu Kant Sharma
*/

import React from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";

import Header from "./Header/Header";
import HomePage from "./Pages/HomePage";
import BillingPage from "./Pages/BillingPage";
import SearchBar from "./Util/SearchBar";

const App: React.FC = () => (
  <>
    <SearchBar/>
    <BrowserRouter>
      <Header/>
      <div className={"root-content"}>
        <Switch>
          <Route exact path="/" component={HomePage}/>
          <Route exact path="/BillingPage" component={BillingPage}/>
          <Route path="/" render={() => <div>404</div>}/>
        </Switch>
      </div>
    </BrowserRouter>
  </>
);

export default App;