[demo] 다중 파트 선택 UI 및 지원자 역할 표시 연동#214
Merged
Merged
Conversation
|
🚀 Storybook 확인하기 🚀 |
|
✅ Vercel Preview: https://withus-6i3v0uqkc-chaewons-projects-dcb1665e.vercel.app |
파트명이 길면 칩이 줄바꿈 없이 카드 밖으로 밀려나 "N명" 텍스트가 다음 줄로 밀리던 문제를 말줄임(ellipsis) 처리로 수정. Tag 컴포넌트에 className/title prop을 추가해 개별 사용처에서 스타일 오버라이드가 가능하도록 함.
scrollbarGutter가 both-edges로 설정되어 스크롤이 필요 없을 때도 좌우 양쪽에 스크롤바 폭만큼 여백이 예약되면서, 고정폭이던 옵션 박스가 실제 사용 가능한 폭보다 넓어져 오른쪽 테두리가 잘려 보이던 문제 수정. 옵션 폭을 100%로, gutter를 stable(단일 엣지)로 변경.
카드 3개(채용 일정/전체 업무 진행 상황/평가 미완료 사용자 명단)에 고정 높이(34.7rem)를 하드코딩해 합산 높이가 뷰포트를 넘으면 페이지 전체가 스크롤되던 문제 수정. 대시보드 루트가 <main> 높이를 그대로 채우고, 카드 영역이 flex-grow로 남은 공간을 정확히 채우도록 변경. 콘텐츠가 넘치는 카드는 자체적으로 overflow: auto 처리.
profileImageUrl이 없을 때 외부 하드코딩 이미지 URL로 폴백하던 로직 제거. Profile 컴포넌트의 기본 처리에 맡김.
- roleGroups의 selectionMaxCount에 따라 그룹별로 단일 선택(radio)/ 다중 선택(checkbox) UI를 분기하도록 ApplicationPartsForm, ApplicationPartsPreview 수정 - 지원서 작성/미리보기 화면에서 groupedPartOptions 대신 roleGroups를 그대로 사용하도록 정리(합성 그룹 처리로 대체) - 지원자 상세에서 appliedPositions(다중 지원 파트)가 있으면 이를 우선 표시하도록 변경 - 상태 변경 응답 타입에 appliedPositions 필드 추가
padding을 최상위 컨테이너가 아닌 children을 감싸는 내부 div로 옮겨서, 같은 레벨에 렌더링되는 modal에는 패딩이 적용되지 않도록 수정.
useCreateApplication, useRecruitmentDetailQuery에 남아있던 디버깅용 console.log와 주석 처리된 죽은 코드 정리.
|
🚀 Storybook 확인하기 🚀 |
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
이슈 넘버
구현 사항
roleGroups응답을 기반으로 지원서 작성 화면에서 그룹별 파트 선택 UI 연동positionIds다중 전송 지원appliedPositions기준으로 여러 파트 태그 표시.nvmrc및 GitHub Actions 설정 반영Need Review
roleGroups.selectionMinCount / selectionMaxCount기준으로 선택 완료 여부를 판단합니다.appliedPositions의 각 역할명 기준으로 매핑합니다.pnpm --filter web build통과📸 스크린샷
https://www.notion.so/UX-UI-394312862bda80a59e5cef34ba468bf3?source=copy_link
Reference