From 69bf64f282311899e7ec1a4a6f9e5cc22e72a532 Mon Sep 17 00:00:00 2001
From: JaehongDev <println@kakao.com>
Date: Fri, 12 Jul 2024 01:52:23 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/InterviewController/InterviewController.tsx  | 6 +++---
 .../InterviewHistoryTable/InterviewHistoryTable.tsx         | 4 ++--
 frontend/src/hooks/useMediaQuery.ts                         | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/InterviewController/InterviewController.tsx b/frontend/src/components/InterviewController/InterviewController.tsx
index 497bde9..4ed6f34 100644
--- a/frontend/src/components/InterviewController/InterviewController.tsx
+++ b/frontend/src/components/InterviewController/InterviewController.tsx
@@ -16,7 +16,7 @@ const InterviewController = ({onSubmit, onQuit, onPass, disabled, info}: Intervi
   return <div className="flex flex-row-reverse gap-3 p-3">
     <Button color="success" onClick={onSubmit} isLoading={disabled}>
       제출
-      {!isMobile ?? <Kbd keys={["command"]}>s</Kbd>}
+      {isMobile ? <></> :<Kbd keys={["command"]}>s</Kbd>}
     </Button>
 
     <Spacer x={1}/>
@@ -25,11 +25,11 @@ const InterviewController = ({onSubmit, onQuit, onPass, disabled, info}: Intervi
 
     <Button color="danger" onClick={onPass} isLoading={disabled}>
       패스
-      {!isMobile ??<Kbd keys={["command"]}>p</Kbd>}
+      {isMobile ? <></> : <Kbd keys={["command"]}>p</Kbd>}
     </Button>
     <Button onClick={onQuit}>
       그만두기
-      {isMobile ?? <Kbd keys={["command"]}>q</Kbd>}
+      {isMobile ? <></> : <Kbd keys={["command"]}>q</Kbd>}
     </Button>
 
     {!info ?? <Button onClick={info} color={"warning"}>
diff --git a/frontend/src/components/InterviewHistoryTable/InterviewHistoryTable.tsx b/frontend/src/components/InterviewHistoryTable/InterviewHistoryTable.tsx
index 31cb3f3..50cb9e5 100644
--- a/frontend/src/components/InterviewHistoryTable/InterviewHistoryTable.tsx
+++ b/frontend/src/components/InterviewHistoryTable/InterviewHistoryTable.tsx
@@ -91,8 +91,8 @@ const InterviewHistoryTable = () => {
           </Button>
             </DropdownTrigger>
             <DropdownMenu>
-              <DropdownItem onClick={() => navigate(PATH.INTERVIEW_RESULT(item.interviewId))}>결과 보기</DropdownItem>
-              {item.interviewState === "PROGRESS" ? <DropdownItem onClick={() => navigate(PATH.INTERVIEW(item.interviewId))}>이어서 풀기</DropdownItem> : <></>}
+              <DropdownItem key={"result"} onClick={() => navigate(PATH.INTERVIEW_RESULT(item.interviewId))}>결과 보기</DropdownItem>
+              <DropdownItem key={"resolution"} onClick={() => navigate(PATH.INTERVIEW(item.interviewId))} isDisabled={item.interviewState !== "PROGRESS"}>이어서 풀기</DropdownItem>
             </DropdownMenu>
           </Dropdown>
         )
diff --git a/frontend/src/hooks/useMediaQuery.ts b/frontend/src/hooks/useMediaQuery.ts
index a195f89..88e709c 100644
--- a/frontend/src/hooks/useMediaQuery.ts
+++ b/frontend/src/hooks/useMediaQuery.ts
@@ -19,7 +19,7 @@ export const useMediaQuery = () => {
   }, []);
 
 
-  const modalStatement = useMemo<"bottom-center" | "top">(() => matches ? "bottom-center" : "top", [])
+  const modalStatement = useMemo<"bottom-center" | "top">(() => matches ? "bottom-center" : "top", [matches])