diff --git a/package.json b/package.json index a2b8d840944409b610702238fa2fed16e8cf5243..fd27481a7b3b71e544d4793bce5f8c66fca1236b 100644 --- a/package.json +++ b/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", diff --git a/src/App.tsx b/src/App.tsx index 92e85b70d934dcebc5a77ef09fe3b133c9e509d0..89d8e2f8d447669a3cf0b006cab7d605b6a7d70c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,12 +1,14 @@ 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> diff --git a/src/components/AuthUser/AuthUser.tsx b/src/components/AuthUser/AuthUser.tsx index a802575dadc71c3805fc994c76f4639ca05f6cb9..9f819e776c7333e9acaeafa351bd24c87e125556 100644 --- a/src/components/AuthUser/AuthUser.tsx +++ b/src/components/AuthUser/AuthUser.tsx @@ -1,12 +1,14 @@ 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"> diff --git a/src/components/HomePage/HomePage.tsx b/src/components/HomePage/HomePage.tsx new file mode 100644 index 0000000000000000000000000000000000000000..7eda5937b940681e8fd5cb6039c5303dc6be6f63 --- /dev/null +++ b/src/components/HomePage/HomePage.tsx @@ -0,0 +1,3 @@ +import React, { FC } from 'react'; + +export const HomePage: FC = () => <div>Welcome</div>;