From 3594bae8deda836f84d0debcc44c3a5643c8dd8c Mon Sep 17 00:00:00 2001
From: Sumin <robolindasoo@gmail.com>
Date: Fri, 24 Nov 2023 09:35:47 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=98=81=EC=83=81=20=EA=B3=B5=EA=B0=9C,?=
 =?UTF-8?q?=20=EB=B9=84=EA=B3=B5=EA=B0=9C=20=EC=B2=98=EB=A6=AC=EC=8B=9C=20?=
 =?UTF-8?q?url=20=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../interviewVideoPage/Modal/VideoShareModal.tsx      |  8 ++++----
 .../Modal/VideoShareModalFooter.tsx                   | 11 +++++------
 FE/src/page/interviewVideoPage/index.tsx              |  2 +-
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/FE/src/components/interviewVideoPage/Modal/VideoShareModal.tsx b/FE/src/components/interviewVideoPage/Modal/VideoShareModal.tsx
index d916ca5..bcdbdaa 100644
--- a/FE/src/components/interviewVideoPage/Modal/VideoShareModal.tsx
+++ b/FE/src/components/interviewVideoPage/Modal/VideoShareModal.tsx
@@ -9,14 +9,14 @@ import { truncateText } from '@/utils/textUtils';
 type VideoShareModalProps = {
   videoId: number;
   videoName: string;
-  isPublic: boolean;
+  hash: string | null;
   isOpen: boolean;
   closeModal: () => void;
 };
 const VideoShareModal: React.FC<VideoShareModalProps> = ({
   videoId,
   videoName,
-  isPublic,
+  hash,
   isOpen,
   closeModal,
 }) => {
@@ -43,11 +43,11 @@ const VideoShareModal: React.FC<VideoShareModalProps> = ({
           '로딩중' //TODO 디자인은 임시입니다.
         ) : (
           <ShareRangeSetting
-            isPublic={isPublic}
+            isPublic={!!hash}
             onClick={handleVideoShareToggleClick}
           />
         )}
-        <VideoShareModalFooter hashUrl={data?.hash} closeModal={closeModal} />
+        <VideoShareModalFooter hash={hash} closeModal={closeModal} />
       </div>
     </Modal>
   );
diff --git a/FE/src/components/interviewVideoPage/Modal/VideoShareModalFooter.tsx b/FE/src/components/interviewVideoPage/Modal/VideoShareModalFooter.tsx
index a129cd7..a73191d 100644
--- a/FE/src/components/interviewVideoPage/Modal/VideoShareModalFooter.tsx
+++ b/FE/src/components/interviewVideoPage/Modal/VideoShareModalFooter.tsx
@@ -2,23 +2,22 @@ import Button from '@foundation/Button/Button';
 import { theme } from '@styles/theme';
 import { css } from '@emotion/react';
 import LightButton from '@common/LightButton/LightButton';
-import { BASE_URL } from '@constants/api';
 import { PATH } from '@constants/path';
 
 type VideoShareModalFooterProps = {
-  hashUrl?: string | null;
+  hash?: string | null;
   closeModal: () => void;
 };
 
 const VideoShareModalFooter: React.FC<VideoShareModalFooterProps> = ({
-  hashUrl,
   closeModal,
+  hash,
 }) => {
   const handleCopyLink = async () => {
-    if (hashUrl) {
+    if (hash) {
       try {
         await navigator.clipboard.writeText(
-          `${BASE_URL}${PATH.INTERVIEW_VIDEO_PUBLIC(hashUrl)}`
+          `https://gomterview.com${PATH.INTERVIEW_VIDEO_PUBLIC(hash)}`
         );
         alert('링크 복사됨'); //TODO 현재는 alert이지만 추후에 Toast로 변경 예정
       } catch (e) {
@@ -37,7 +36,7 @@ const VideoShareModalFooter: React.FC<VideoShareModalFooterProps> = ({
     >
       <LightButton
         onClick={() => void handleCopyLink()}
-        disabled={!hashUrl}
+        disabled={!hash}
         css={css`
           border: 1px solid ${theme.colors.border.default};
           background-color: transparent;
diff --git a/FE/src/page/interviewVideoPage/index.tsx b/FE/src/page/interviewVideoPage/index.tsx
index 9c0de20..4268255 100644
--- a/FE/src/page/interviewVideoPage/index.tsx
+++ b/FE/src/page/interviewVideoPage/index.tsx
@@ -39,7 +39,7 @@ const InterviewVideoPage: React.FC = () => {
           <VideoShareModal
             videoId={Number(data.id)}
             videoName={data.videoName}
-            isPublic={!!data?.hash}
+            hash={data.hash}
             isOpen={isOpen}
             closeModal={() => setIsOpen(false)}
           />