[FAB-22] User auth

[daystram]

No description provided.

[nicolauscg]

I tried running on localhost, do we want to implement the following?

• redirect to homepage after successful login
• if login page is visited and user is already logged in, redirect to homepage too
• add login and register button to navbar only if user not logged in
• logout button on navbar if user logged in, which just clears token in localstorage

these could be put into jira task and implemented later in another branch

[nicolauscg]

I also tried to do a post req in homepage and did not find the token in header of request, is this in scope?

  const testPost = () => {
    axios.post("/api", {});
  };

  useEffect(() => {
    testPost();
  }, []);

mayba need interceptor along the lines of below? (copied from impensa)

axios.interceptors.request.use(
  config => {
    if (isLoggedIn()) {
      const userObject = getUserObject();
      config.headers.Authorization = `Bearer ${userObject.token}`;
    } else {
      clearUserObject();
    }

    return config;
  },
  error => Promise.reject(error)
); 

[nicolauscg]

one more thing @wahyuadt , in this file u save the token "Bearer abcdef..." as is, that exact format (with Bearer) is needed for rest API requests, but for websocket requests, the only thing needed it the token part (WITHOUT Bearer), so I think its better to save only the "abcdef..." part, and in interceptor, append it to "Bearere "