feat(fe): make components for tc manage page#3581
Conversation
sONg20NOW
added
⛳️ team-frontend
🍊squad-유자차
![gemini-code-assist[bot]](https://avatars.githubusercontent.com/in/956858?s=60&v=4){kind=small}
There was a problem hiding this comment.
Code Review
This pull request introduces the ExecutionCard and TCDownloadCard components, along with a test page to manage problem creation workflows. The review feedback highlights several improvement opportunities, including the use of semantic HTML tags for better structure, fixing invalid Tailwind CSS classes such as border-1, and ensuring style consistency across action buttons. Additionally, it is recommended to refactor complex inline mapping logic into external constants to improve code readability and to remove redundant CSS layout properties.
| type="button" | ||
| onClick={onDownload} | ||
| disabled={disabled} | ||
| className="text-sub4_sb_14 rounded-lg px-3 py-[10px] ring-[1.4px] disabled:ring-0" |
There was a problem hiding this comment.
"세부 내용 다운로드" 버튼에 글자 색상(text-primary)과 배경색(bg-white) 스타일이 누락되어 있습니다. 인접한 "자동 생성하기" 버튼과 디자인 일관성을 맞추기 위해 스타일 추가가 필요합니다.
| className="text-sub4_sb_14 rounded-lg px-3 py-[10px] ring-[1.4px] disabled:ring-0" | |
| className="ring-primary-light text-sub4_sb_14 text-primary hover:bg-color-blue-95 rounded-lg bg-white px-3 py-[10px] ring-[1.4px] disabled:ring-0" |
|
✅ Syncing Preview App Succeeded Application: |
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
|
✅ Syncing Preview App Succeeded Application: |
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
|
✅ Syncing Preview App Succeeded Application: |
|
✅ Syncing Preview App Succeeded Application: |
|
❗ Syncing Preview App Failed Application: |
|
✅ Syncing Preview App Succeeded Application: |
1 participant
Description
폴리곤 문제 생성 페이지 작업의 일환으로, 컴포넌트 작업했습니다.
Additional context
작업 이유는 폴리곤 문제 생성 페이지 제작 시 일반문제/특수문제로 구분되는 문제 생성 페이지를 제작하여야 하는데, 중복으로 사용되는 부분이 많아서 컴포넌트화 시키고 난 후, 해당 컴포넌트를 사용하는 식으로 구현하기로 했기 때문입니다.
작업한 컴포넌트는 다음과 같습니다.
"자동 생성 실행하기" 컴포넌트의 경우, 입력 검증 탭에서는 <세부 내용 다운로드>라는 버튼이 추가되어 있어, 이를 제어할 수 있도록 하는 props를 추가해놨습니다.
확인할 수 있는 페이지의 경로는 problem/create/test로, 머지 전에 해당 페이지는 삭제할 예정입니다.
Before submitting the PR, please make sure you do the following
closes TAS-2721
fixes #123).