FE: [feat] 시험 종료 버튼 추가 #34

CSID-DGU · Nov 17, 2024 · 76b79d8 · 76b79d8
1 parent f6b0c2f
commit 76b79d8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/frontend/eyesee-user/src/app/exam-room/page.tsx b/src/frontend/eyesee-user/src/app/exam-room/page.tsx
@@ -2,6 +2,7 @@
 
 import React, { useEffect, useRef } from "react";
 import { api } from "@/apis";
+import NextButton from "@/components/common/NextButton";
 
 const RealTimeVideoPage = () => {
   const videoRef = useRef<HTMLVideoElement>(null);
@@ -136,6 +137,14 @@ const RealTimeVideoPage = () => {
         style={{ transform: "scaleX(-1)" }} // 좌우 반전
       />
       <canvas ref={canvasRef} style={{ display: "none" }} />
+      <div className="fixed bottom-6 right-6">
+        <NextButton
+          action="/"
+          title="시험 종료"
+          isAvailable={true}
+          noArrow={true}
+        />
+      </div>
     </div>
   );
 };

diff --git a/src/frontend/eyesee-user/src/components/common/NextButton.tsx b/src/frontend/eyesee-user/src/components/common/NextButton.tsx
@@ -23,7 +23,7 @@ const NextButton = ({
   return (
     <div
       onClick={handleClick}
-      className={`flex justify-between items-center gap-14 text-white text-[14px] tracking-[4.2px] px-4 py-3 ${
+      className={`z-50 flex justify-between items-center gap-14 text-white text-[14px] tracking-[4.2px] px-4 py-3 ${
         isAvailable ? "bg-[rgb(14,29,60,0.8)]" : "bg-[rgb(146,146,146,0.8)]"
       }`}
     >