[STORY] 기존 채팅방에서 게임 기능 제거

[DDINGJOO]

Parent Epic

• [EPIC] 캐치마인드 게임 분리 및 UI/UX 전면 개선 #177 [EPIC] 캐치마인드 게임 분리 및 UI/UX 전면 개선

개요

채팅방과 게임방 분리에 따라, 기존 채팅방(ChatRoomModal, ChatRoomPage)에서 게임 관련 기능을 제거합니다.

변경 범위

제거 대상

파일	제거 항목
ChatRoomModal.jsx	게임 탭, GameModePanel import, 게임 상태 관리
ChatRoomPage.jsx	GameModePanel import, 게임 관련 props
useChatWebSocket.js	게임 관련 콜백 (onGameStart, onRoundEnd 등) - 유지하되 분리

유지 대상

• 순수 채팅 기능
• TTS 재생
• 메시지 목록
• WebSocket 연결 (채팅용)

상세 작업

1. ChatRoomModal.jsx

제거:

// 제거할 코드
import GameModePanel from './GameModePanel'
const [activeTab, setActiveTab] = useState(0) // 탭 상태
const [gameStatus, setGameStatus] = useState(...)
// 게임 탭 UI 전체

결과:

// 탭 없이 순수 채팅만
<Box sx={{ flex: 1 }}>
  {/* 채팅 메시지 영역만 */}
</Box>

2. ChatRoomPage.jsx

제거:

import GameModePanel from '../components/GameModePanel'
// GameModePanel 컴포넌트 사용 부분
// 게임 관련 WebSocket 핸들러 연결

3. /start, /stop 명령어 처리

• 채팅방에서 /start, /stop 입력 시
• 서버에서 에러 반환 (GAME_007)
• 프론트에서 안내 메시지 표시: "게임은 게임 로비에서 시작해주세요"

Tasks

• ChatRoomModal에서 게임 탭 제거
• ChatRoomModal에서 GameModePanel import 제거
• ChatRoomModal에서 게임 상태 관리 코드 제거
• ChatRoomPage에서 GameModePanel 제거
• /start, /stop 명령어 입력 시 안내 메시지 표시
• 불필요한 게임 관련 state/props 정리
• 채팅 전용 UI 정리 (탭 없이 전체 화면)

완료 조건 (AC)

• 채팅방에 게임 탭이 표시되지 않음
• 채팅방에서 /start 입력 시 안내 메시지 표시
• 순수 채팅 기능 정상 동작
• 기존 채팅 히스토리 정상 표시
• 빌드 에러 없음

[github-actions]

Jira: MESP-209