refactor: 채팅 버튼 color 수정

boostcampwm-2022 · Dec 13, 2022 · 97f1810 · 97f1810
1 parent 78f528b
commit 97f1810
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 4 deletions.
diff --git a/client/src/components/commons/ChatButton/ChatButton.tsx b/client/src/components/commons/ChatButton/ChatButton.tsx
@@ -6,7 +6,7 @@ const ChatButton = () => {
     const { id } = useParams();
     const navigate = useNavigate();
     return (
-        <Button backgroundColor={COLOR.ORANGE} onClick={() => navigate(`/recruit/${id}/chat`)}>
+        <Button backgroundColor={COLOR.CHAT_BUTTON} onClick={() => navigate(`/recruit/${id}/chat`)}>
             채팅
         </Button>
     );

diff --git a/client/src/hooks/useAuth.ts b/client/src/hooks/useAuth.ts
@@ -3,14 +3,17 @@ import { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 import { useRecoilValue } from "recoil";
 
-const useAuth = () => {
+const useAuth = (withAuth = true) => {
     const userInfo = useRecoilValue(userState);
     const navigate = useNavigate();
     useEffect(() => {
-        if (!userInfo.accessToken) {
+        if (withAuth && !userInfo.accessToken) {
             alert("로그인이 필요한 페이지입니다");
             navigate("/login");
         }
+        if (!withAuth && userInfo.accessToken) {
+            navigate(-1);
+        }
     }, []);
     return userInfo;
 };

diff --git a/client/src/pages/Login/Login.tsx b/client/src/pages/Login/Login.tsx
@@ -1,10 +1,11 @@
-import React from "react";
 import Header from "#components/Header/Header";
 import { LogoWrapper } from "./Login.styles";
 import Navigator from "#components/Navigator/Navigator";
 import LoginForm from "#components/LoginForm/LoginForm";
+import useAuth from "#hooks/useAuth";
 
 const Login = () => {
+    useAuth(false);
     return (
         <>
             <Header text="로그인" />

diff --git a/client/src/pages/SignUp/SignUp.tsx b/client/src/pages/SignUp/SignUp.tsx
@@ -3,8 +3,10 @@ import { Logo } from "./SignUp.styles";
 
 import SignUpForm from "#components/SignUpForm/SignUpForm";
 import Navigator from "#components/Navigator/Navigator";
+import useAuth from "#hooks/useAuth";
 
 const SignUp = () => {
+    useAuth(false);
     return (
         <>
             <Header text="회원가입"></Header>

diff --git a/client/src/styles/color.ts b/client/src/styles/color.ts
@@ -7,4 +7,5 @@ export enum COLOR {
     BABY_BLUE = "#ACB7C7",
     ORANGE = "#FFB800",
     F1F4F7 = "#F1F4F7",
+    CHAT_BUTTON = "#4A668B",
 }