Conversation
yeonddori
requested review from
jasper200207,
llddang,
pipisebastian and
mun-kyeong
src/app/team/[teamId]/page.tsx
Outdated
| @@ -30,6 +31,8 @@ const Page = () => { | |||
| const [assetArray, setAssetArray] = useState<StudyAssetCardProps[]>([]); | |||
| const [assetLength, setAssetLength] = useState<number>(0); | |||
|
|
|||
| const [isCreateModalOpen, setIsCreateModalOpen] = useState<boolean>(false); | |||
There was a problem hiding this comment.
isCreateModalOpen -> isCreateStudyModalOpen로 study 붙히는건 어떨까요? 좀더 명확하면 좋을 것 같습니당!
| </Flex> | ||
| </Flex> | ||
| <StudyModal teamId={params.teamId} isOpen={isCreateModalOpen} setIsModalOpen={setIsCreateModalOpen} /> | ||
| </> |
There was a problem hiding this comment.
이건 배포 이후에 해도 될 것 같은데,
개인적으로 스터디 탭 버튼 + 스터디 카드 + 네비게이션 + 스터디 모달까지
해당 team page에서 말고, 아예 파일 빼서 하는것도 좋을 것 같습니다! 지금 봐서는 teamId만 props로 넘겨주면 될 것 같아서요!
There was a problem hiding this comment.
그리고 저도 team 페이지 작업하고 있었기 때문에,, 조금 충돌이 날지두요 캬햐! 그치만 딱히 중요한건 안 겹쳐서 괜찮을 것 같습니당!
| @@ -0,0 +1,6 @@ | |||
| export interface StudyModalProps { | |||
| teamId?: number; | |||
There was a problem hiding this comment.
혹시 teamId가 옵셔널인 이유가 있을까요? 스터디 생성/수정 모두 teamId는 들어가야하는거 아녔나용??
There was a problem hiding this comment.
생성에만 teamId가 들어가고, 나머지는 모두 studyId만 필요로 하길래 옵션으로 걸어놨습니다!
| onClose={() => setIsModalOpen(false)} | ||
| title="스터디 생성" | ||
| onClose={onClose} | ||
| title={isEditMode ? '스터디 수정' : '스터디 생성'} |
There was a problem hiding this comment.
`스터디 ${isEditMode ? '수정' : '생성'}`
요렇게도 할 수 있을 것 같아요!
- isCreateModalOpen -> isCreateStudyModalOpen - title '스터디' 중복 따로 빼서 할당 - #235
| @@ -11,7 +11,7 @@ import Selector from '@/components/Selector'; | |||
| import StyledDatePicker from '@/components/StyledDatePicker'; | |||
| import CROP from '@/constants/crop'; | |||
|
|
|||
| import { CreateStudyModalProps } from './types'; | |||
| import { StudyModalProps } from './types'; | |||
There was a problem hiding this comment.
지금 containers/study/study/Modal 폴더안에 비어있는 DeleteStudyModal, TerminateStudyModal 이 있는 것 같습니당!
| @@ -21,7 +21,8 @@ const AlertContent = ({ message }: { message: string }) => { | |||
| ); | |||
| }; | |||
|
|
|||
| const CreateStudyModal = ({ isOpen, setIsModalOpen }: CreateStudyModalProps) => { | |||
| const StudyModal = ({ teamId, studyId, isOpen, setIsModalOpen }: StudyModalProps) => { | |||
| const isEditMode = Boolean(studyId); | |||
There was a problem hiding this comment.
스터디 수정 모달에서는, 맨처음에 원래 스터디 정보가 입력되서 나와야할 것 같아요!
그래서 스터디 정보 get api가 필요한데, 이 모달창이 어차피 스터디 페이지 -> 수정 버튼 눌렀을때 뜨는 모달이니까,
스터디 페이지에서 먼저 스터디 정보 get api가 쓰일거란 말이죠! 그래서 그 정보를 모달 props로 그대로 가져오는건 어떨까요? 사실 팀 페이지에서 해당 방식으로 사용했습니다! (팀 페이지 풀리퀘)
그렇게 되면 studyId말고 study 정보가 있는지 없는지로 구별하면 될 것 같아요!
There was a problem hiding this comment.
만약 sutdy 정보 props명이 studyInfo라고 한다면,
스터디 생성 모달에서는 studyInfo가 어차피 null로 들어갈거니까, 지금 isEditMode만 studyInfo로 바꾸면 조건문 다 똑같이 동작할 것 같습니다!
There was a problem hiding this comment.
오오 감사합니다! 참고해서 api 연결하겠습니다!
관련 이슈
작업 요약
작업 상세 설명
리뷰 요구 사항
미리 보기