feat: close game result auto

JangAyeon · Feb 25, 2024 · c099028 · c099028
1 parent 21da8c6
commit c099028
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/components/modal/GameResultModal.tsx b/components/modal/GameResultModal.tsx
@@ -23,7 +23,6 @@ const GameResultModal = ({
           height={48.0}
           pointColor={"--color-pink-01"}
         >
-          <Modal.CloseButton />
           <Modal.Body>
             <Container>
               <Text

diff --git a/components/pages/cardgame/index.tsx b/components/pages/cardgame/index.tsx
@@ -1,11 +1,10 @@
 import styled from "@emotion/styled"
-import { useCallback, useEffect, useState } from "react"
+import { useEffect, useState } from "react"
 
 import GameState from "@/components/molecules/GameState"
 import PlayBoard from "@/components/molecules/PlayBoard"
 
 import useGame from "@/hooks/useGame"
-import useUserProfile from "@/hooks/useUser"
 
 import recordApi from "@/apis/recordApi"
 
@@ -14,7 +13,6 @@ import { GameLoadingProps, IGameResult } from "@/types/common/gameProps"
 import Loading from "./loading"
 
 const CardGameBoard = () => {
-  const { userEmail, userSbId } = useUserProfile()
   const [stageType, setStageType] = useState<GameLoadingProps>("start")
   const { computedBoardState, onCardClick, score, time, moves, cards } =
     useGame()

diff --git a/components/pages/cardgame/loading.tsx b/components/pages/cardgame/loading.tsx
@@ -34,7 +34,7 @@ const Loading = ({ type, gameResult }: IGameLoading) => {
   // console.log(type)
   const router = useRouter()
   const [isModalOpen, setIsModalOpen] = useState(false)
-  const { userEmail, userSbId } = useUserProfile()
+  const { userEmail } = useUserProfile()
 
   const handleModalOpen = () => {
     // console.log("open")
@@ -48,14 +48,17 @@ const Loading = ({ type, gameResult }: IGameLoading) => {
     await recordApi.postGameResult(userEmail, data)
   }
 
-  const handleModalClose = () => {
+  const handleModalClose = async () => {
+    await new Promise((resolve) => setTimeout(resolve, 3000))
     setIsModalOpen(false)
-    postGameResult()
+
     router.replace("/")
   }
   useEffect(() => {
     if (type === "result") {
       handleModalOpen()
+      postGameResult()
+      handleModalClose()
     }
   }, [type])
   return (
@@ -66,7 +69,7 @@ const Loading = ({ type, gameResult }: IGameLoading) => {
           src="/assets/card/clear.png"
           width={254}
           height={254}
-          alt="claer"
+          alt="clear"
         />
       )}
       {type === "result" && (