refactor: delete useAuth hook

SplitCode · Nov 1, 2024 · 9d746dd · 9d746dd
1 parent 2d87c09
commit 9d746dd
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 39 deletions.
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -1,20 +1,17 @@
 import { Outlet } from 'react-router-dom';
 import { ToastContainer } from 'react-toastify';
 import Header from './components/Header';
-import { AuthProvider } from './contexts/AuthContext';
 
 const App = () => (
   <>
     <ToastContainer
       autoClose={2000}
       draggable
     />
-    <AuthProvider>
-      <div className="d-flex flex-column h-100">
-        <Header />
-        <Outlet />
-      </div>
-    </AuthProvider>
+    <div className="d-flex flex-column h-100">
+      <Header />
+      <Outlet />
+    </div>
   </>
 );
 

diff --git a/frontend/src/contexts/AuthContext.js b/frontend/src/contexts/AuthContext.js
diff --git a/frontend/src/pages/LoginPage/LoginForm.jsx b/frontend/src/pages/LoginPage/LoginForm.jsx
@@ -5,13 +5,11 @@ import { Button, Form } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import { useFormik } from 'formik';
 import { toast } from 'react-toastify';
-import { useAuth } from '../../store/hooks/hooks';
 import { setUserData } from '../../store/slices/authSlice';
 import { useLoginMutation } from '../../api/authApi';
 import { ROOT_PATH, getRoutesPath } from '../../router/routesPath';
 
 const LoginForm = () => {
-  const auth = useAuth();
   const navigate = useNavigate();
   const dispatch = useDispatch();
   const [authFailed, setAuthFailed] = useState(false);
@@ -33,7 +31,6 @@ const LoginForm = () => {
       try {
         const data = await login(values).unwrap();
         dispatch(setUserData(data));
-        auth.logIn();
         navigate(getRoutesPath(ROOT_PATH));
       } catch (err) {
         if (err.status === 401) {

diff --git a/frontend/src/pages/SignUpPage/SignUpForm.jsx b/frontend/src/pages/SignUpPage/SignUpForm.jsx
@@ -7,12 +7,10 @@ import { useRef } from 'react';
 import { object, string, ref } from 'yup';
 import { toast } from 'react-toastify';
 import { useSignupMutation } from '../../api/authApi';
-import { useAuth } from '../../store/hooks/hooks';
 import { setUserData } from '../../store/slices/authSlice';
 import { ROOT_PATH, getRoutesPath } from '../../router/routesPath';
 
 const SignUpForm = () => {
-  const auth = useAuth();
   const navigate = useNavigate();
   const dispatch = useDispatch();
   const inputRef = useRef();
@@ -36,7 +34,6 @@ const SignUpForm = () => {
       try {
         const data = await signup(values).unwrap();
         dispatch(setUserData(data));
-        auth.logIn();
         navigate(getRoutesPath(ROOT_PATH));
       } catch (err) {
         if (err.status === 409) {

diff --git a/frontend/src/store/hooks/hooks.js b/frontend/src/store/hooks/hooks.js
@@ -1,8 +1,6 @@
 import { useContext } from 'react';
-import { AuthContext } from '../../contexts/AuthContext';
 import { SocketContext } from '../../contexts/SocketContext';
 
-const useAuth = () => useContext(AuthContext);
 const useSocket = () => useContext(SocketContext);
 
-export { useAuth, useSocket };
+export default useSocket;