🗂Better folder structure on frontend

frontend/src/context/Auth/useAuth.js

@@ -0,0 +1,70 @@
+import { useState, useEffect } from "react";
+import { useHistory } from "react-router-dom";
+
+import api from "../../services/api";
+
+const useAuth = () => {
+	const history = useHistory();
+	const [isAuth, setIsAuth] = useState(false);
+	const [loading, setLoading] = useState(true);
+
+	useEffect(() => {
+		const token = localStorage.getItem("token");
+
+		if (token) {
+			api.defaults.headers.Authorization = `Bearer ${JSON.parse(token)}`;
+			setIsAuth(true);
+		}
+		const checkAuth = async () => {
+			if (
+				history.location.pathname === "/login" ||
+				history.location.pathname === "/signup"
+			) {
+				setLoading(false);
+
+				return;
+			}
+			try {
+				const res = await api.get("/auth/check");
+				if (res.status === 200) {
+					setIsAuth(true);
+					setLoading(false);
+				}
+			} catch (err) {
+				setLoading(false);
+				setIsAuth(false);
+				alert("Erro de autenticação. Por favor, faça login novamente");
+			}
+		};
+		checkAuth();
+	}, [history.location.pathname]);
+
+	const handleLogin = async (e, user) => {
+		e.preventDefault();
+		try {
+			const res = await api.post("/auth/login", user);
+			localStorage.setItem("token", JSON.stringify(res.data.token));
+			localStorage.setItem("username", res.data.username);
+			localStorage.setItem("userId", res.data.userId);
+			api.defaults.headers.Authorization = `Bearer ${res.data.token}`;
+			setIsAuth(true);
+			history.push("/chat");
+		} catch (err) {
+			alert(err);
+		}
+	};
+
+	const handleLogout = e => {
+		e.preventDefault();
+		setIsAuth(false);
+		localStorage.removeItem("token");
+		localStorage.removeItem("username");
+		localStorage.removeItem("userId");
+		api.defaults.headers.Authorization = undefined;
+		history.push("/login");
+	};
+
+	return { isAuth, loading, handleLogin, handleLogout };
+};
+
+export default useAuth;