feat: 성공 후 레벨 전환 시 플레이 상태 초기화 안 되는 문제 해결, 물음표 상태에서 open 시 물음표 마크가 남는 …

…현상 해결

src/components/Game/TileMapPanel/Tile/index.tsx

@@ -50,6 +50,7 @@ const Tile = ({ item, tileMapArr, onSetTileMap, rowIndex, colIndex }: TileProps)
   }
 
   if (isQuestioned) {
+    console.log(isFlagged, isMined, isOpened, isQuestioned, mineNearby, "?ITEM");
     return (
       <TileContainer $color={tileColor} $isOpened={isOpened} onClick={tileLeftClickHandler} onContextMenu={tileRightClickHandler}>
         <QuestionIcon className="icon" />

src/hooks/useLevelSwitch.ts

@@ -4,9 +4,10 @@ import { change } from "@store/levelSlice";
 import { type RootState } from "@store/index";
 import { type LevelKeyType, type LevelValueType } from "@/types/level";
 import { levels } from "@/constants/level";
+import usePlayingSwitch from "./usePlayingSwitch";
 
 const useLevelSwitch = () => {
-  // useLevelSwitch 훅으로 정리하기 (커스텀 레벨까지)
+  const { playingSwitchHandler } = usePlayingSwitch();
   const dispatchLevel = useDispatch();
   const currentLevel = useSelector((state: RootState) => {
     return state.levels.value;
@@ -17,11 +18,14 @@ const useLevelSwitch = () => {
 
   const currentLevelStatus = levelValues.find(({ Y, TITLE }) => TITLE === currentLevel && Y)!;
 
-  const levelSwitchHandler = (name: LevelKeyType) => {
-    if (name === "Custom") {
+  const levelSwitchHandler = (level: LevelKeyType) => {
+    if (level === "Custom") {
+      // 커스텀 훅 정리하기
+      // useLevelSwitch 훅으로 정리하기 (커스텀 레벨까지)
       return;
     } else {
-      dispatchLevel(change(name));
+      playingSwitchHandler("stale");
+      dispatchLevel(change(level));
     }
   };
 

src/hooks/useTileSwitch.ts

@@ -48,7 +48,7 @@ const useTileSwitch = ({ item, tileMapArr, onSetTileMap, rowIndex, colIndex }: u
       return;
     }
 
-    detectByBfs(rowIndex, colIndex, tileMapArr);
+    detectByBfs(rowIndex, colIndex, copy);
     onSetTileMap(copy);
   };
 

src/utils/detectByBfs.ts

@@ -5,6 +5,7 @@ import { Queue } from "./queue";
 const detectByBfs = (Y: number, X: number, tileMapArr: TileType[][]) => {
   const queue = new Queue();
 
+  tileMapArr[Y][X].isQuestioned = false;
   queue.enqueue([Y, X]);
   while (queue.getLength() !== 0) {
     const cur = queue.dequeue();