diff --git a/src/pages/CreateTeamBoardPage.tsx b/src/pages/CreateTeamBoardPage.tsx index 7fe2638..9695106 100644 --- a/src/pages/CreateTeamBoardPage.tsx +++ b/src/pages/CreateTeamBoardPage.tsx @@ -56,6 +56,10 @@ const CreateTeamBoard = () => { const [formData, setFormData] = useState({ title: '', description: '', + // myId: '', + // creatorId: '', + }); + const [isCreator, setIsCreator] = useState({ myId: '', creatorId: '', }); @@ -69,9 +73,12 @@ const CreateTeamBoard = () => { setFormData({ title: data?.title ?? '', // 제목 description: data?.description ?? '', // 설명 - myId: data?.myId ?? '', - creatorId: data?.creatorId ?? '', + // myId: data?.myId ?? '', + // creatorId: data?.creatorId ?? '', }); + setIsCreator({ myId: data?.myId ?? '', creatorId: data?.creatorId ?? '' }); + // if (data?.myId !== data?.creatorId) setIsCreator(false); // 데이터 받아올 때 팀원이라면 false로 + // if (data?.myId !== data?.creatorId) console.log('팀원입니다'); } }; @@ -168,8 +175,8 @@ const CreateTeamBoard = () => { if (members.length > 0) { setIsBackModalOpen(true); const handleModalClose = () => setIsBackModalOpen(false); - openModal('yes', () => navigate(`/${dashboardId}`), handleModalClose); // yes 버튼이 눌릴 때만 대시보드 삭제 api 요청 - } else navigate(`/${dashboardId}`); + openModal('yes', () => navigate(-1), handleModalClose); // yes 버튼이 눌릴 때만 대시보드 삭제 api 요청 + } else navigate(-1); }; console.log(formData, '저장된 팀 대시보드 정보'); @@ -179,7 +186,7 @@ const CreateTeamBoard = () => { - {formData?.myId === formData.creatorId ? ( + {isCreator?.myId === isCreator.creatorId ? ( <> 팀 대시보드 {dashboardId ? '수정' : '생성'} 팀 이름과 팀 소개를 설정하고 팀원을 초대하세요. @@ -213,7 +220,7 @@ const CreateTeamBoard = () => { name="description" value={formData.description} onChange={handleChange} - disabled={dashboardId && formData?.myId !== formData.creatorId ? true : false} // 방장일 때만 수정 가능 + disabled={dashboardId && isCreator?.myId !== isCreator.creatorId ? true : false} // 방장일 때만 수정 가능 /> @@ -221,10 +228,10 @@ const CreateTeamBoard = () => { {/* ! 팀원일 때 스타일 오류나면 고쳐야 할 곳 */} - 팀원 + 팀원 {/* 팀원일 때 보여질 팀원 리스트 */} - {formData?.myId !== formData.creatorId && ( + {isCreator?.myId !== isCreator.creatorId && ( {members.map((member, index) => ( @@ -238,7 +245,7 @@ const CreateTeamBoard = () => { {member.name} - {member.id !== formData.creatorId ? '멤버' : '방장'} + {member.id !== isCreator.creatorId ? '멤버' : '방장'} ))} @@ -246,7 +253,7 @@ const CreateTeamBoard = () => { )} {/* 방장일 때 작성할 팀원 초대 이메일 (1) */} - {formData?.myId === formData.creatorId && ( + {isCreator?.myId === isCreator.creatorId && ( <> { {/* 방장일 때 보여질 멤버 리스트 (2) */} - {formData?.myId === formData.creatorId && ( + {isCreator?.myId === isCreator.creatorId && ( {members.map((member, index) => ( @@ -275,7 +282,7 @@ const CreateTeamBoard = () => { {member.name} - {member.id !== formData.creatorId ? '멤버' : '방장'} + {member.id !== isCreator.creatorId ? '멤버' : '방장'} ))} @@ -285,16 +292,16 @@ const CreateTeamBoard = () => { - {formData?.myId === formData.creatorId && ( + {isCreator?.myId === isCreator.creatorId && ( 팀원 초대 및 대시보드 {dashboardId ? '수정' : '생성'} )} - {dashboardId && formData?.myId === formData.creatorId && ( + {dashboardId && isCreator?.myId === isCreator.creatorId && ( 대시보드 삭제 )} - {dashboardId && formData?.myId !== formData.creatorId && ( + {dashboardId && isCreator?.myId !== isCreator.creatorId && ( 대시보드 탈퇴 )}