Merge branch 'axios' into 'dev'

Axios

See merge request !16

package.json

@@ -13,6 +13,7 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-router-dom": "^5.1.7",
+    "axios": "^0.21.1",
     "docz": "^2.3.1",
     "eslint-config-airbnb-typescript": "^12.3.1",
     "react": "^17.0.1",

src/App.tsx

 import React, { FC } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+import { HomePage } from './components/HomePage/HomePage';
 import { AuthUser } from './components/AuthUser/AuthUser';
 
 export const App: FC = () => (
   <Router>
     <div data-testid="App">
       <Switch>
-        <Route exact path="/" component={AuthUser} />
+        <Route path="/auth" component={AuthUser} />
+        <Route exact path="/" component={HomePage} />
       </Switch>
     </div>
   </Router>

src/components/AuthUser/AuthUser.tsx

 import React, { FC, useEffect } from 'react';
+import axios from 'axios';
 import Container from '@material-ui/core/Container';
 import { SignInForm } from './SignInForm/SignInForm';
 
 export const AuthUser: FC = () => {
   useEffect(() => {
-    fetch('/api/web/csrf')
-      .then((response) => response.json())
-      .then((data) => sessionStorage.setItem('token', data.token));
+    axios
+      .get('api/web/csrf')
+      .then((response) => console.log(response))
+      .catch((error) => console.log(error));
   }, []);
   return (
     <Container maxWidth="sm">

src/components/HomePage/HomePage.tsx

+import React, { FC } from 'react';
+
+export const HomePage: FC = () => <div>Welcome</div>;