Merge pull request CoolPeace-yanolza#173 from CoolPeace-yanolza/feature/

CoolPeace-yanolza#164 [CoolPeace-yanolza#164] 로그인 페이지 코드 리팩토링 (dev로 반영)
jiohjung98 · Feb 21, 2024 · b821fcd · b821fcd
2 parents 94507c2 + 31018ad
commit b821fcd
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 2 deletions.
diff --git a/src/api/lib/instance.ts b/src/api/lib/instance.ts
@@ -71,8 +71,10 @@ const onErrorResponse = async (error: AxiosResponseError<string>) => {
       }
     }
     console.log(error.response.data.code, error.response);
+    return Promise.reject(error);
   }
   console.log('response error : ', error);
+  return Promise.reject(error);
 };
 
 // 요청 인터셉터 추가

diff --git a/src/components/Auth/AuthButton/index.tsx b/src/components/Auth/AuthButton/index.tsx
@@ -43,6 +43,8 @@ const SubmitButton = styled.button<AuthButtonStyleProps>`
       return '#C1C1C1';
     } else if (props.$variant === 'pink') {
       return 'linear-gradient(91deg, #FF3478 1.39%, #FF83AD 98.63%)';
+    } else if (props.$variant === 'skyblue') {
+      return 'linear-gradient(89.18deg, #3182F6 0%, #6AB2FF 111.65%)';
     } else {
       return '#1A2849';
     }

diff --git a/src/components/Login/LoginForm/index.tsx b/src/components/Login/LoginForm/index.tsx
@@ -21,13 +21,21 @@ const LoginForm = ({ handleModalOpen }: LoginFormProps) => {
   const navigate = useNavigate();
   const { state } = useLocation();
 
-  const methods = useForm({ mode: 'onBlur' });
+  const methods = useForm({
+    mode: 'onBlur'
+  });
   const {
+    setValue,
     formState: { errors },
     handleSubmit
   } = methods;
   const isError = !!errors?.login_id || !!errors?.login_password ? true : false;
 
+  const setDefaultValues = async () => {
+    setValue('login_id', '[email protected]');
+    setValue('login_password', 'test1234!');
+  };
+
   const movetoSignUp = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
     navigate('/signup');
@@ -110,6 +118,13 @@ const LoginForm = ({ handleModalOpen }: LoginFormProps) => {
             text="회원가입"
             buttonFunc={movetoSignUp}
           />
+          <AuthButton
+            buttonType="button"
+            size="large"
+            variant="skyblue"
+            text="게스트 계정으로 둘러보기"
+            buttonFunc={setDefaultValues}
+          />
         </Buttons>
       </form>
     </FormProvider>

diff --git a/src/utils/lib/cookies.ts b/src/utils/lib/cookies.ts
@@ -3,7 +3,6 @@ import { SetCookies, GetCookies } from '@/types/auth';
 export const setCookies: SetCookies = (name, value, expiresIn) => {
   try {
     document.cookie = `${name}=${value};max-age=${expiresIn};path=/;secure`;
-    console.log(`${name}: 쿠키설정 성공`);
   } catch (error) {
     console.log(error);
     alert(`${name}: 쿠키설정에 실패했습니다.`);