frontend/src/App.js


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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

import React, { useEffect } from 'react';
import { Router } from '@reach/router';

import Login from './Login';
import Register from './Register';
import Home from './Home';
import userState from './UserState';
import './App.css';
import axios from './axios';
import Activate from './Activate';

const LoggedInRoutes = props => {
  useEffect(() => {
    const fetchUserInfo = async () => {
      try {
        const resp = await axios.get('/user');
        const { username } = resp.data;
        userState.username = username;
      } catch (err) {
        userState.authError = err;
        console.error(err);
      }
    };
    fetchUserInfo();
  }, []);

  return props.children;
};

const App = () => {
  const fetchUserInfo = async () => {
    try {
      const resp = await axios.get('/user');
      const { username } = resp.data;
      userState.username = username;
    } catch (err) {
      userState.authError = err;
      console.error(err);
    }
  };
  fetchUserInfo();
  return (
    <div className="container">
      <Router>
        <Login path="/login" />
        <Register path="/register" />
        <Activate path="/activate/:activationToken" />
        <Home path="/" exact />
      </Router>
    </div>
  );
};

export default App;