feat: 회원 가입 후 인증 설정

Author: mingkyeongg

src/App.tsx

@@ -3,13 +3,16 @@
 import { RouterProvider } from 'react-router-dom';
 
 import { router } from '@/routes/router';
+import { refreshAuthAtom } from '@/store/auth';
+import { useSetAtom } from 'jotai';
+import { useEffect } from 'react';
 
 export const App = () => {
-  // const refreshAuth = useSetAtom(refreshAuthAtom);
+  const refreshAuth = useSetAtom(refreshAuthAtom);
 
-  // useEffect(() => {
-  //   refreshAuth();
-  // }, []);
+  useEffect(() => {
+    refreshAuth();
+  }, []);
 
   return <RouterProvider router={router} />;
 };

src/routes/router.tsx

@@ -43,7 +43,6 @@ const useAuth = () => {
 
 const PrivateRoute = ({ children }: { children: React.ReactNode }) => {
   const { isAuthenticated } = useAuth();
-  console.log('PrivateRoute isAuthenticated', isAuthenticated);
   const location = useLocation();
 
   if (!isAuthenticated) {

src/templates/User/EnrollSubmitButton.tsx

@@ -4,12 +4,13 @@ import { useLocation, useNavigate } from 'react-router-dom';
 
 import { createProfile } from '@/api/user';
 import { PATH } from '@/routes/path';
-import { isSubmittedAtom } from '@/store/form';
+import { refreshAuthAtom } from '@/store/auth';
 import {
   formTextInputAtom,
   formTextareaAtom,
   imageAtom,
   isEnrollSatisfiedAtom,
+  isSubmittedAtom,
 } from '@/store/form';
 import { alertAtom } from '@/store/modal';
 import { useAtomValue, useSetAtom } from 'jotai';
@@ -23,16 +24,18 @@ export const EnrollSubmitButton = () => {
   const location = useLocation();
   const setAlert = useSetAtom(alertAtom);
   const setIsSubmitted = useSetAtom(isSubmittedAtom);
+  const refreshAuth = useSetAtom(refreshAuthAtom);
 
   const onClick = () => {
     createProfile({
       memberName: memberName,
       memberExplain: memberExplain,
       image: image,
     })
-      .then(() => {
+      .then(async () => {
         // const previousPath = location.state?.redirect ?? PATH.TEAMS;
         // navigate(previousPath);
+        await refreshAuth();
         setIsSubmitted(true);
 
         const navigatePath = location.state?.redirect