statping/react-frontend/src/components/App.jsx

31 lines
833 B
JavaScript

import React, { useEffect } from "react";
import { BrowserRouter, Switch, Route, Redirect } from "react-router-dom";
import { ChakraProvider } from "@chakra-ui/react";
import theme from "../theme";
import ServicesPage from "./ServicesPage";
import Navigation from "./Navbar";
import { initLumberjack } from "../utils/trackers";
const App = () => {
console.log(`Application running on ${process.env.NODE_ENV} mode.`);
useEffect(() => {
initLumberjack();
}, [])
return (
<ChakraProvider theme={theme}>
<BrowserRouter>
<div className="app-layout">
<Navigation />
<Switch>
<Route exact path="/" component={ServicesPage} />
<Redirect from="*" to="/" />
</Switch>
</div>
</BrowserRouter>
</ChakraProvider>
);
};
export default App;