Merge pull request #114 from DMU-DebugVisual/inseong2

Inseong2

Author: Danto7632

src/components/codecast/Codecast.jsx

@@ -3,14 +3,28 @@ import React, { useState } from "react";
 import { FaPlus, FaArrowRight, FaDesktop } from "react-icons/fa";
 import "./Codecast.css";
 import { Link, useNavigate } from "react-router-dom";
+import { promptLogin } from "../../utils/auth";
 
 const Codecast = () => {
     const navigate = useNavigate();
     const [inviteCode, setInviteCode] = useState("");
+    const [errorText, setErrorText] = useState("");
 
     const handleJoin = () => {
+        setErrorText("");
         const code = inviteCode.trim();
-        if (!code) return alert("방송 코드를 입력하세요.");
+        if (!code) {
+            setErrorText("방송 코드를 입력하세요.");
+            return;
+        }
+
+        const token = localStorage.getItem("token");
+        const username = localStorage.getItem("username");
+        if (!token || !username) {
+            setErrorText("로그인이 필요합니다. 먼저 로그인해주세요.");
+            promptLogin("방송에 참여하려면 로그인이 필요합니다.", { redirectTo: "/broadcast" });
+            return;
+        }
         // ✅ rid 쿼리로 전달
         navigate(`/broadcast/live?rid=${encodeURIComponent(code)}`);
     };
@@ -39,6 +53,7 @@ const Codecast = () => {
                             참여하기
                         </button>
                     </div>
+                    {errorText && <p className="error-text">{errorText}</p>}
                 </div>
 
                 <div className="hr-with-text"><span>또는</span></div>

src/components/codecast/StartCodecast.jsx

@@ -4,6 +4,7 @@ import { FaArrowRight } from "react-icons/fa";
 import "./Codecast.css";
 import { useNavigate } from "react-router-dom";
 import { createRoom } from "./api/collab";
+import { promptLogin } from "../../utils/auth";
 
 const StartCodecast = () => {
     const navigate = useNavigate();
@@ -18,7 +19,8 @@ const StartCodecast = () => {
         const token = localStorage.getItem("token");
         const username = localStorage.getItem("username");
         if (!token || !username) {
-            setErrMsg("로그인이 필요합니다. 먼저 로그인해주세요.");
+            setErrMsg("");
+            promptLogin("방송을 시작하려면 로그인이 필요합니다.", { redirectTo: "/startbroadcast" });
             return;
         }
         if (!roomName.trim()) {

src/components/codecast/codecastlive/CodecastLive.jsx

@@ -12,6 +12,7 @@ import useCollabSocket from '../hooks/useCollabSocket';
 import { createSession, updateSessionStatus } from '../api/sessions';
 import { fetchMyFiles, fetchFileContent, inferLanguageFromFilename, saveFile } from '../api/files';
 import config from '../../../config';
+import { promptLogin } from '../../../utils/auth';
 
 import {
     FaCheck,
@@ -69,6 +70,13 @@ export default function CodecastLive({ isDark }) {
     const storedUserId = localStorage.getItem('userId') || '';
     const username = localStorage.getItem('username') || storedUserId || 'anonymous';
     const token = localStorage.getItem('token') || '';
+    useEffect(() => {
+        if (!token) {
+            promptLogin('방송에 참여하려면 로그인이 필요합니다.', { redirectTo: '/broadcast' });
+            navigate('/broadcast', { replace: true });
+        }
+    }, [token, navigate]);
+
     const userId = storedUserId || username;
 
     // 권한 기본값