diff --git a/packages/user/src/components/shared/modal/teamSelectModal/ModalContent.tsx b/packages/user/src/components/shared/modal/teamSelectModal/ModalContent.tsx index dfcea697..ebf36407 100644 --- a/packages/user/src/components/shared/modal/teamSelectModal/ModalContent.tsx +++ b/packages/user/src/components/shared/modal/teamSelectModal/ModalContent.tsx @@ -3,6 +3,7 @@ import PendingStep from 'src/components/shared/modal/PendingStep.tsx'; import useSubmitTeamTypeQuizAnswers, { type SubmitQuizAnswersRequest, } from 'src/hooks/query/useSubmitTeamTypeQuizAnswers.ts'; +import useAuth from 'src/hooks/useAuth.ts'; import useFunnel from 'src/hooks/useFunnel.ts'; import CustomError from 'src/utils/error.ts'; import ErrorStep from './ErrorStep.tsx'; @@ -15,6 +16,8 @@ interface TeamSelectModalContentProps { export default function TeamSelectModalContent({ initialStep = 'quiz', }: TeamSelectModalContentProps) { + const { user } = useAuth(); + const [Funnel, setStep] = useFunnel( ['quiz', 'pending', 'success', 'error', 'already-done'] as NonEmptyArray, { initialStep }, @@ -48,15 +51,15 @@ export default function TeamSelectModalContent({ 내 유형 불러오는 중 ... - - - + {user?.type && } - -

- 이미 유형 검사를 완료하셨군요! 이전 검사 결과를 보여드릴게요 -

-
+ {user?.type && ( + +

+ 이미 유형 검사를 완료하셨군요! 이전 검사 결과를 보여드릴게요 +

+
+ )}
setStep('quiz')}> diff --git a/packages/user/src/components/shared/modal/teamSelectModal/ResultStep.tsx b/packages/user/src/components/shared/modal/teamSelectModal/ResultStep.tsx index 90435fdb..e4e15026 100644 --- a/packages/user/src/components/shared/modal/teamSelectModal/ResultStep.tsx +++ b/packages/user/src/components/shared/modal/teamSelectModal/ResultStep.tsx @@ -8,7 +8,15 @@ import useAuth from 'src/hooks/useAuth.ts'; export default function ResultStep({ children }: PropsWithChildren) { const { user } = useAuth(); - const type = useMemo(() => user?.type as Category, [user]); + const type = useMemo(() => { + if (user?.type) { + return user.type; + } + }, [user?.type]); + + if (!type) { + return null; + } const { title, shortTitle, details } = TEAM_DESCRIPTIONS[type]; const displayTitle = shortTitle ?? title;