ReactJS

1
import React from "react";
2
import axios from "axios";
3
import {tokenContext} from "../shared/context/tokenContext";
4

5
interface IUserData {
6
  name?: string;
7
  iconImg?: string;
8
}
9

10
export function useUserData(){
11
  const [data, setData] = React.useState<IUserData>({});
12
  const token = React.useContext(tokenContext);
13
  React.useEffect(() => {
14
    if(token == 'undefined' || token == ''){
15
      return;
16
    }
17
    axios.get('https://oauth.reddit.com/api/v1/me', {
18
        headers: {Authorization: `Bearer ${token}`}
19
      }
20
    ).then((resp) => {
21
      const userData = resp.data;
22
      setData({name: userData.name, iconImg: userData.icon_img});
23
    })
24
      .catch(console.log)
25
  }, [token]);
26

27
  return [data];
28
}