fixed exports

Author: Gimleux

webapp_frontend/src/components/App.tsx

@@ -3,7 +3,7 @@ import './App.css';
 import {Container} from 'react-bootstrap';
 import Header from "./basicElements/Header";
 import {BrowserRouter} from "react-router-dom";
-import {Router} from "./Router/Router";
+import Router from "./Router/Router";
 
 function App(): ReactElement {
 

webapp_frontend/src/components/Router/Router.tsx

@@ -1,15 +1,17 @@
 import React, {ReactElement} from "react";
-import {useLocation, Redirect, Route, BrowserRouter, Switch} from "react-router-dom";
-import {Health} from "../health/Health";
-import {Error404} from "../pages/Error404";
+import {Redirect, Route, Switch} from "react-router-dom";
+import Health from "../pages/Health";
+import Error404 from "../pages/Error404";
+import Login from "../basicElements/Login";
 
-export function Router(props: Object): ReactElement {
+export default function Router(props: Object): ReactElement {
     const {} = props;
 
 
     return (
         <Switch>
             <Route path={"/health"} component={Health}/>
+            <Route path={"/login"} component={Login}/>
             <Route exact path={"/"}>
                 <Redirect to={"/health"}/>
             </Route>

webapp_frontend/src/components/basicElements/Login.tsx

@@ -1,8 +1,6 @@
 import React, {ReactElement} from 'react';
 
-function Login():ReactElement {
+export default function Login():ReactElement {
     return(<div>hallo</div>);
 }
 
-export default Login;
-

webapp_frontend/src/components/pages/Error404.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-export function Error404() {
+export default function Error404() {
     return <div>
         <p style={{textAlign:"center"}}>
             <Link to="/">Go to Home </Link>

webapp_frontend/src/components/health/Health.tsx renamed to webapp_frontend/src/components/pages/Health.tsx

@@ -3,7 +3,7 @@ import logo from "../../assets/images/logos/logo.png";
 import {Button, Table} from "react-bootstrap";
 import {callBackendHealth} from "../../background/api/api";
 
-export function Health() {
+export default function Health() {
 
     const [backendLiveTime, setBackendLiveTime] = useState<number | string>("not reachable");
     const [backendUserCount, setBackendUserCount] = useState<number | string>("not reachable");