Merge pull request #224 from SystemConsultantGroup/develop

[HOTFIX] 토큰 문제에 대한 로그아웃 대응, 댓글 익명이름 수정, 외부인 핸들링

Author: shj1081

src/components/common/CommentBox/CommentBox.tsx

@@ -1,7 +1,6 @@
+import { CheckBox } from "@/components/common/CheckBox/CheckBox";
 import React, { useState } from "react";
 import classes from "./CommentBox.module.css";
-import { CheckBox } from "@/components/common/CheckBox/CheckBox";
-
 interface CommentBoxProps {
   onSubmit?: (comment: string, isAnonymous: boolean) => void;
   commentList?: Comment[];
@@ -17,10 +16,6 @@ export const CommentBox: React.FC<CommentBoxProps> = ({ onSubmit, commentList =
   const [comment, setComment] = useState("");
   const [isAnonymous, setIsAnonymous] = useState<boolean>(true);
 
-  // 익명 번호 매핑을 위한 Map 객체
-  const anonymousMap = new Map<string, number>();
-  let anonymousCounter = 1;
-
   const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
     setComment(e.target.value);
   };
@@ -59,29 +54,18 @@ export const CommentBox: React.FC<CommentBoxProps> = ({ onSubmit, commentList =
         </div>
         <CheckBox
           label="익명으로 작성"
-          checked={true}
+          checked={isAnonymous}
           onChange={(status) => setIsAnonymous(status)}
         />
       </form>
       <div className={classes.divider}></div>
       <div className={classes.commentsList}>
         {commentList.map((commentItem, index) => {
-          let displayAuthor = commentItem.author;
-
-          if (commentItem.isAnonymous) {
-            // 익명 댓글일 경우
-            if (!anonymousMap.has(commentItem.author)) {
-              // 익명 번호가 없는 경우 새 번호 부여
-              anonymousMap.set(commentItem.author, anonymousCounter++);
-            }
-            displayAuthor = `익명${anonymousMap.get(commentItem.author)}`;
-          }
+          // 익명이라면 "익명", 아니라면 author 표시
+          const displayAuthor = commentItem.isAnonymous ? "익명" : commentItem.author;
 
           return (
             <div key={index} className={classes.commentItem}>
-              {/* <div className={classes.commentAuthor}>
-                {commentItem.isAnonymous ? `익명${anonymousIndex}` : commentItem.author}
-              </div> */}
               <div className={classes.commentAuthor}>{displayAuthor}</div>
               <div className={classes.commentContent}>{commentItem.content}</div>
             </div>

src/components/common/Header/Header.tsx

@@ -13,7 +13,7 @@ import { useAuth } from "../Auth";
 
 export function Header() {
   const [isOpen, setIsOpen] = useState(false);
-  const { isLoggedIn } = useAuth();
+  const { isLoggedIn, logout } = useAuth(); // Destructure logout here
   const router = useRouter();
   const pathname = usePathname(); // 현재 경로 가져오기
 
@@ -28,6 +28,11 @@ export function Header() {
           if (error.response?.data?.code === 4001) {
             router.push("/register");
           }
+
+          // 예: code 4000, 4002이 응답되면 로그아웃 수행
+          if (error.response?.data?.code === 4000 || error.response?.data?.code === 4002) {
+            logout();
+          }
         });
     }
   }, [isLoggedIn, router, pathname]);

src/constants/LookupTables.ts

@@ -1,5 +1,5 @@
-import { Role } from "@/types/user";
 import { ProjectAwardStatus } from "@/types/project";
+import { Role } from "@/types/user";
 
 export const USER_TYPE_LOOKUP_TABLE: Record<Role, string> = {
   STUDENT: "학생",
@@ -9,6 +9,7 @@ export const USER_TYPE_LOOKUP_TABLE: Record<Role, string> = {
   INACTIVE_PROFESSOR: "미승인 교수",
   INACTIVE_COMPANY: "미승인 기업관계자",
   OTHERS: "기타",
+  EXTERNAL: "외부인",
   TEMP: "임시",
 };
 

src/constants/LookupTables/USER_TYPE_LOOKUP_TABLE.ts

@@ -8,5 +8,6 @@ export const USER_TYPE_LOOKUP_TABLE: Record<Role, string> = {
   INACTIVE_PROFESSOR: "미승인 교수",
   INACTIVE_COMPANY: "미승인 기업관계자",
   OTHERS: "기타",
+  EXTERNAL: "외부인",
   TEMP: "임시",
 };

src/types/user.ts

@@ -6,6 +6,7 @@ export type Role =
   | "INACTIVE_PROFESSOR"
   | "INACTIVE_COMPANY"
   | "OTHERS"
+  | "EXTERNAL"
   | "TEMP";
 
 export interface IUser {