auth fixes

react/app/src/context/AuthContext.jsx

@@ -7,89 +7,94 @@ const AuthContext = createContext();
 export default AuthContext;
 
 export const AuthProvider = ({ children }) => {
-  const [authTokens, setAuthTokens] = useState(() =>
-    localStorage.getItem("authTokens")
-      ? JSON.parse(localStorage.getItem("authTokens"))
-      : null
-  );
-  const [user, setUser] = useState(() =>
-    localStorage.getItem("authTokens")
-      ? jwt_decode(localStorage.getItem("authTokens"))
-      : null
-  );
-  const [loading, setLoading] = useState(true);
+    const [authTokens, setAuthTokens] = useState(() =>
+        localStorage.getItem("authTokens")
+            ? JSON.parse(localStorage.getItem("authTokens"))
+            : null
+    );
+    const [user, setUser] = useState(() =>
+        localStorage.getItem("authTokens")
+            ? jwt_decode(localStorage.getItem("authTokens"))
+            : null
+    );
+    const [loading, setLoading] = useState(true);
 
-  const history = useNavigate();
+    const history = useNavigate();
 
-  const loginUser = async (username, password) => {
-    const response = await fetch("http://127.0.0.1/api/auth/token/", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        username,
-        password
-      })
-    });
-    const data = await response.json();
+    const loginUser = async (username, password) => {
+        const response = await fetch("http://127.0.0.1/api/auth/token/", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+                username,
+                password
+            })
+        });
+        const data = await response.json();
 
-    if (response.status === 200) {
-      setAuthTokens(data);
-      setUser(jwt_decode(data.access));
-      localStorage.setItem("authTokens", JSON.stringify(data));
-      history("/");
-    } else {
-      alert("Something went wrong!");
-    }
-  };
+        if (response.status === 200) {
+            console.log(data);
+            setAuthTokens(data);
+            setUser(jwt_decode(data.access));
+            localStorage.setItem("authTokens", JSON.stringify(data));
+            history("/");
+        } else {
+            alert(response.data?.message);
+        }
+    };
 
-  const registerUser = async (username, password, password2) => {
-    const response = await fetch("http://127.0.0.1/api/auth/register/", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json"
-      },
-      body: JSON.stringify({
-        username,
-        password,
-        password2
-      })
-    });
-    if (response.status === 201) {
-      history("/login");
-    } else {
-      alert("Something went wrong!");
-    }
-  };
+    const registerUser = async (username, password, password2) => {
+        const response = await fetch("http://127.0.0.1/api/auth/register/", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+                username,
+                password,
+                password2
+            })
+        });
+        const data = await response.json();
+        if (response.status === 200) {
+            setAuthTokens(data);
+            setUser(jwt_decode(data.access));
+            localStorage.setItem("authTokens", JSON.stringify(data));
+            history("/auth");
+        } else {
+            alert(data?.message);
+        }
+    };
 
-  const logoutUser = () => {
-    setAuthTokens(null);
-    setUser(null);
-    localStorage.removeItem("authTokens");
-    history("/");
-  };
+    const logoutUser = () => {
+        setAuthTokens(null);
+        setUser(null);
+        localStorage.removeItem("authTokens");
+        history("/");
+    };
 
-  const contextData = {
-    user,
-    setUser,
-    authTokens,
-    setAuthTokens,
-    registerUser,
-    loginUser,
-    logoutUser
-  };
+    const contextData = {
+        user,
+        setUser,
+        authTokens,
+        setAuthTokens,
+        registerUser,
+        loginUser,
+        logoutUser
+    };
 
-  useEffect(() => {
-    if (authTokens) {
-      setUser(jwt_decode(authTokens.access));
-    }
-    setLoading(false);
-  }, [authTokens, loading]);
+    useEffect(() => {
+        if (authTokens) {
+            setUser(jwt_decode(authTokens.access));
+        }
+        setLoading(false);
+    }, [authTokens, loading]);
 
-  return (
-    <AuthContext.Provider value={contextData}>
-      {loading ? null : children}
-    </AuthContext.Provider>
-  );
+    return (
+        <AuthContext.Provider value={contextData}>
+            {loading ? null : children}
+        </AuthContext.Provider>
+    );
 };