refactor: 모달 열림 수정

Author: jsk3342

frontend/src/components/host/OfflineView.tsx

@@ -1,16 +1,16 @@
 import styled from 'styled-components';
 
 interface OfflineViewProps {
-  closeModal: () => void;
+  openModal: () => void;
 }
 
-export default function OfflineView({ closeModal }: OfflineViewProps) {
+export default function OfflineView({ openModal }: OfflineViewProps) {
   return (
     <LivePlayerInner>
       <PlayerTitle>라이브 스트리밍을 시작하려면 스트리밍 소프트웨어를 연결하세요.</PlayerTitle>
       <PlayerDescription>방송 시작 및 종료는 스트리밍 소프트웨어에서 가능합니다.</PlayerDescription>
       <PlayerWrapper>
-        <Button type="button" onClick={closeModal}>
+        <Button type="button" onClick={openModal}>
           스트리밍 설정 안내
         </Button>
       </PlayerWrapper>

frontend/src/components/host/Player.tsx

@@ -11,13 +11,13 @@ interface PlayerProps {
 }
 
 export default function Player({ onStreaming }: PlayerProps) {
-  const { isOpen, closeModal } = useModal();
+  const { isOpen, closeModal, openModal } = useModal();
   const createPortal = usePortal();
 
   return (
     <>
       <Container onStreaming={onStreaming}>
-        <StreamingView onStreaming={onStreaming} closeModal={closeModal} />
+        <StreamingView onStreaming={onStreaming} openModal={openModal} />
       </Container>
       <StreamingStatus onStreaming={onStreaming} />
       {isOpen && createPortal(<SettingInfo closeModal={closeModal} />)}

frontend/src/components/host/StreamingView.tsx

@@ -3,13 +3,13 @@ import OnlineView from './OnlineView';
 
 interface StreamingViewProps {
   onStreaming: boolean;
-  closeModal: () => void;
+  openModal: () => void;
 }
 
-export default function StreamingView({ onStreaming, closeModal }: StreamingViewProps) {
+export default function StreamingView({ onStreaming, openModal }: StreamingViewProps) {
   if (onStreaming) {
     return <OnlineView />;
   }
 
-  return <OfflineView closeModal={closeModal} />;
+  return <OfflineView openModal={openModal} />;
 }