cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-19 04:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvement: moved user data from localstorage to context

Browse Source
This commit is contained in:
canove
2021-01-13 08:08:25 -03:00
parent 2bec877e4f
commit 3aa287d394
23 changed files with 231 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/context/Auth/AuthContext.js
View File

@@ -5,11 +5,11 @@ import useAuth from "./useAuth";
const AuthContext = createContext();
const AuthProvider = ({ children }) => {
const { isAuth, loading, handleLogin, handleLogout } = useAuth();
const { loading, user, isAuth, handleLogin, handleLogout } = useAuth();
return (
<AuthContext.Provider
value={{ loading, isAuth, handleLogin, handleLogout }}
value={{ loading, user, isAuth, handleLogin, handleLogout }}
>
{children}
</AuthContext.Provider>

33
frontend/src/context/Auth/useAuth.js
View File

@@ -6,11 +6,13 @@ import { toast } from "react-toastify";
import { i18n } from "../../translate/i18n";
import api from "../../services/api";
import toastError from "../../errors/toastError";
// import { useLocalStorage } from "../../hooks/useLocalStorage";
const useAuth = () => {
const history = useHistory();
const [isAuth, setIsAuth] = useState(false);
const [loading, setLoading] = useState(true);
const [user, setUser] = useState({});
api.interceptors.request.use(
config => {
@@ -44,9 +46,6 @@ const useAuth = () => {
}
if (error?.response?.status === 401) {
localStorage.removeItem("token");
localStorage.removeItem("username");
localStorage.removeItem("profile");
localStorage.removeItem("userId");
api.defaults.headers.Authorization = undefined;
setIsAuth(false);
}
@@ -56,11 +55,15 @@ const useAuth = () => {
useEffect(() => {
const token = localStorage.getItem("token");
if (token) {
api.defaults.headers.Authorization = `Bearer ${JSON.parse(token)}`;
setIsAuth(true);
}
setLoading(false);
(async () => {
if (token) {
const { data } = await api.post("/auth/refresh_token");
api.defaults.headers.Authorization = `Bearer ${JSON.parse(token)}`;
setIsAuth(true);
setUser(data.user);
}
setLoading(false);
})();
}, []);
const handleLogin = async user => {
@@ -69,11 +72,8 @@ const useAuth = () => {
try {
const { data } = await api.post("/auth/login", user);
localStorage.setItem("token", JSON.stringify(data.token));
localStorage.setItem("username", data.username);
localStorage.setItem("profile", data.profile);
localStorage.setItem("userId", data.userId);
api.defaults.headers.Authorization = `Bearer ${data.token}`;
setUser(data.user);
setIsAuth(true);
toast.success(i18n.t("auth.toasts.success"));
history.push("/tickets");
@@ -84,20 +84,17 @@ const useAuth = () => {
}
};
const handleLogout = e => {
const handleLogout = () => {
setLoading(true);
e.preventDefault();
setIsAuth(false);
setUser({});
localStorage.removeItem("token");
localStorage.removeItem("username");
localStorage.removeItem("profile");
localStorage.removeItem("userId");
api.defaults.headers.Authorization = undefined;
setLoading(false);
history.push("/login");
};
return { isAuth, setIsAuth, loading, handleLogin, handleLogout };
return { isAuth, user, setUser, loading, handleLogin, handleLogout };
};
export default useAuth;