[FEAT] 모달에 정보 연결하기 #147
Merged
[FEAT] 모달에 정보 연결하기 #147
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Closed
1 task
wrryu09
force-pushed
the
feat/#142/link-modal-info
branch
from
fc81ffe
to
d7e06c8
Compare
seong-hui
approved these changes
Jul 16, 2024
Kjiw0n
approved these changes
Jul 16, 2024
Comment on lines
+22
to
+24
| // date, time 각각 Date|null, String|null 로 관리 | ||
| // 값이 없으면 '마감 기한' 등 텍스트 설정, | ||
| // 스타일 변경은 date, time null 여부로 결정 |
There was a problem hiding this comment.
date가 null으로 넘어오는 경우가 있으니 해당 수정 좋은 것 같습니다 👍 👍
jeeminyi
approved these changes
Jul 16, 2024
Comment on lines
+31
to
+32
| const [currentDate, setCurrentDate] = useState<Date | null>(date ? new Date(date) : null); | ||
| const [currentTime, setCurrentTime] = useState<string | null>(time); |
There was a problem hiding this comment.
초기값 타입을 Date로 두고 초기값이 없을 경우 null로 두는 state군요!
혹시 time 에서는 따로 ? : null을 안해주신 이유가 있을까요? date가 필수값이고 time은 선택으로 알고 있는데 요렇게 구현하신 이유가 궁금합니당!
There was a problem hiding this comment.
date값이 string 또는 null 로 들어오기 때문에 있을 경우 Date object 로 보관하고 있기 위해서 형변환하는 작업입니다! time는 어차피 string 또는 null 로 오기 때문에 그리고 정해진 Date같은 형식이 없기 때문에 저런 형식으로 받은 거예요!
| @@ -58,14 +65,14 @@ function BtnDate(props: BtnDateProps) { | |||
| > | |||
| <BtnDateText | |||
| icon={<CalanderIcon isDelayed={isDelayed} />} | |||
| text={date} | |||
| text={formatDatetoString(currentDate) || '마감 기한'} | |||
wrryu09
force-pushed
the
feat/#142/link-modal-info
branch
from
d7e06c8
to
51c876a
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
작업 내용 🧑💻
리뷰 요구사항 💬
Modal컴포넌트에taskId를 props 로 받게 해주어서 상세정보 요청을taskId로 하시면 됩니다! 임시로 5로 박아둔 상태고 나중에 값 연결할 때 데이터 형식 잘 확인하고 연결하면 될 것 같아요타입 관리를 용이하게 하기 위해서 기존에 date, time이
Date|'마감 시간'와 같은 구조로 되어있던 것을Date|null로 변경하고, null 일 경우에 마감시간 마감기한 등 스트링을 주고 스타일링도 변경하는 방식으로 변경했습니다.BtnTask내의 정보는 리스트 불러오는 api 에서 가져오고, 모달에 있는 정보는taskId를 이용해서 상세정보를 불러오기 때문에 모달에만 시간 날짜를 임시저장하고 정보 등록하는 api 호출에 사용할 수 있도록 state를 사용했습니다.더 나은 구조가 있다면 리뷰로 달아주세요!
관련 이슈
close #142
스크린샷 (선택)