-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
내 공고 폴더 내부 구현 #40
내 공고 폴더 내부 구현 #40
Conversation
* feat * feat * 중복 처리 * fix * f * feat * feat(recruit): 내 공고 생성 모달 구현 (#20) * feat(recruit): 내 공고 생성 모달 구현 * update * feat(editor): 에디터의 제목, 태그 구현 (#19) * feat * feat * 중복 처리 * fix * f * fix * import * fix * a * fix ui * fix * fix * fix * fix * fix * fix * fix * yarn * fix * fix * feat * feat * feat * feat * feat * fix * fix * f * fix * fix * f --------- Co-authored-by: shellboy <[email protected]>
* f * f' * F
* 카드 추가 모달 구현 * type 명 변경 * feat: 카드 조회 api 연동 * CustomDialog * 카드 추가하기 기능 구현 * 카드삭제 기능 구현 * 터치버튼 * http * 쿼리키 분리 * 카드 추가 후 에디터로 이동 * ui 일부 수정 * 제목 색상 변경 * delete
* feat(my-recruit): 내정보뽀각 페이지 api 연결 * update * save * save
* feat(my-recruit): 내정보뽀각 페이지 api 연결 * update * save * save
* feat(my-recruit): 내정보뽀각 페이지 api 연결 * update * save * save
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
굿굿 고생하셨습니다! 코멘트 남겼는데 시간 되면 반영해주세요!
queryClient.invalidateQueries({ queryKey: ['info-card-list'] }); | ||
queryClient.invalidateQueries({ queryKey: ['card-type-count'] }); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
recruit를 삭제하는데 info-card 관련 데이터들을 invalidate 하는 동작이 맞나요!?
queryFn: () => getCardCount(id), | ||
}); | ||
|
||
return result.data as unknown as Response; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
타입 단언이 없어도 될 것 같고, useSuspenseQuery에서 반환하는 result를 그대로 반환하는건 어떨까요?
사용하는 측에서 data 외에도 다른 값들이 필요할 수도 있을 것 같아서요!!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
아 이거 자세히 보니 useSuspenseQuery
에서 반환하는 data가 아니라 http.get
에서 반환하는 data군요??
그러면 queryFn에서 data를 한 번 걸러서 반환해주는건 어떤가요??
queryFn: async () => {
const res = await getCardCount(id);
return res.data;
}
queryFn: () => getRecruitById(id), | ||
}); | ||
|
||
return result.data as unknown as Response; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
다른 query 훅에서도 위 코멘트와 동일합니다!
import { useMutation, useQueryClient } from '@tanstack/react-query'; | ||
import { ProgressRecruitType } from './useGetProgressRecruit'; | ||
|
||
interface patchSeasonProps { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
앞글자 대문자로 맞추면 좋을 것 같아요~ PatchSeasonProps
import { usePatchStatus } from '../api/usePatchStatus'; | ||
|
||
export function ApplicationStatus({ recruitId, status }: { recruitId: string; status: string }) { | ||
const [clickStatus, setClickStatus] = useState<string>(status); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
string이나 boolean 같은 원시 타입들은 useState 훅에서 알아서 타입 추정을 해주므로 굳이 타입 명시를 안해줘도 됩니다!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
제 부분 문제 없어 보입니다!
1. 무슨 이유로 코드를 변경했나요?
내 정보 뽀각 내부 페이지 전체 UI/API 작업입니다.
2. 어떤 위험이나 장애를 발견했나요?
급해서 UI랑 API를 따로 PR을 못해서..
PR이 계속 길어지는 것 같아 한 타임 머지하고,
그 후에는 더 자잘한 단위로 PR 올리겠습니다 죄송합니다 ㅜㅜ
우선 기존에 만들어 두신 컴포넌트 수정한 부분들만 언급하겠습니다
5. 추가 사항 / 코드 리뷰 받고 싶은 부분
수정한 부분 PR 코멘트로 남겨두었습니다
@qkrdmstlr3 님이 작업해주신 DueDateDialog.tsx
@Collection50 님이 작업해주신 TagSelector.tsx