diff --git a/src/components/ui/card/chatting/ChattingStyle.ts b/src/components/ui/card/chatting/ChattingStyle.ts index 7f6a6ff..4fdb6c2 100644 --- a/src/components/ui/card/chatting/ChattingStyle.ts +++ b/src/components/ui/card/chatting/ChattingStyle.ts @@ -19,4 +19,5 @@ export const chatInputBoxContainer = styled.div` display: flex; flex-direction: column; gap: 10px; + height: 100%; `; diff --git a/src/components/ui/chatInput/chatInputStyle.ts b/src/components/ui/chatInput/chatInputStyle.ts index ca77810..6fe5c36 100644 --- a/src/components/ui/chatInput/chatInputStyle.ts +++ b/src/components/ui/chatInput/chatInputStyle.ts @@ -3,8 +3,8 @@ import styled from "styled-components"; export const chatLog = styled.div` flex-grow: 1; font-size: 14px; - max-height: 290px; overflow-y: scroll; + height: 100%; `; export const chatInput = styled.input` @@ -31,5 +31,4 @@ export const chatInputBox = styled.div` width: 100%; display: flex; gap: 10px; - height: 100%; `; diff --git a/src/components/ui/modal/modalComponent.tsx b/src/components/ui/modal/modalComponent.tsx index 2d84a4b..9b7d02c 100644 --- a/src/components/ui/modal/modalComponent.tsx +++ b/src/components/ui/modal/modalComponent.tsx @@ -5,6 +5,7 @@ import TurnWaiting from "../modalContents/TurnWaiting"; import GameWaiting from "../modalContents/GameWaiting"; import Alert from "../modalContents/Alert"; import GuessNumber from "../selectionNumber/GuessNumber"; +import SelectTurn from "../modalContents/SelectTurn"; export const modalComponents: Record = { firstSelect: , @@ -12,10 +13,10 @@ export const modalComponents: Record = { selectWhiteBlack: , turnWaiting: , gameWaiting: , - guessNumber: , - myTurn: , - - GameRoomJoinConfirm: ( + selectTurn: , + gameRoomJoinConfirm: ( ), + guessNumber: , + myTurn: , }; diff --git a/src/pages/game/gameRoomList.tsx b/src/pages/game/gameRoomList.tsx index ec484db..e5df6f4 100644 --- a/src/pages/game/gameRoomList.tsx +++ b/src/pages/game/gameRoomList.tsx @@ -22,7 +22,7 @@ export default function GameRoomList() { const onClickModalOpen = () => { if (!accessToken || accessToken === null) { - openModal("GameRoomJoinConfirm", "white"); + openModal("gameRoomJoinConfirm", "white"); } else { openModal("makeRoom", "white"); } diff --git a/src/routes/router.tsx b/src/routes/router.tsx index 7d646f3..fbc4112 100644 --- a/src/routes/router.tsx +++ b/src/routes/router.tsx @@ -12,6 +12,7 @@ import Home from "@pages/home/Home"; import SignUpFinish from "@pages/user/signUp/SignUpFinish"; import Error from "@pages/error/Error"; import TestPage from "../pages/testpage/Testpage"; +import MyPage from "../pages/mypage/myScorePage/MyPage"; export const router = createBrowserRouter([ { @@ -58,13 +59,20 @@ export const router = createBrowserRouter([ ], }, { - path: "/user/mypage/checkPassword", - element: , - }, - { - path: "/user/mypage/updateMyPage", - element: , + path: "/user/mypage", + element: , + children: [ + { + path: "checkPassword", + element: , + }, + { + path: "updateMyPage", + element: , + }, + ], }, + { path: "/test", element: ,