Skip to content
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

feat-fe: 평가 조회 및 등록 UI 수정 #779

Merged
merged 14 commits into from
Oct 11, 2024
Merged

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Oct 8, 2024

목적

평가 조회 및 등록 UI를 수정합니다.

작업 세부사항

  • 평가 작성 UI의 점수(별)을 별점 평가 UI로 변경합니다.
이전 이후
image image
  • 이전 평가도 조회할 수 있도록 합니다.
image
  • 한번 등록한 평가는 수정이나 삭제가 불가능함을 알립니다.

아래의 별표줄 밑에 요구사항 ID만 작성해주세요. Prefix 금지!


EVAL_05

closes #778

@github-actions github-actions bot added feature 새로운 기능 frontend 프론트엔드 labels Oct 8, 2024
@github-actions github-actions bot added this to the 스프린트 6.0 milestone Oct 8, 2024
Copy link
Contributor Author

1728550971.867909

Copy link
Contributor Author

1728550972.074429

@llqqssttyy llqqssttyy marked this pull request as ready for review October 10, 2024 09:03
Copy link
Contributor Author

1728550993.020779

Copy link
Contributor

@lurgi lurgi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

군더더기 없는 구현 감사드려용~ 꼼꼼하십니다!
기능작동 확인하여 어푸르브 드립니다! 코드 개선사항 역시 딱히 보이지 않네용!

Comment on lines 17 to 28
const FormSection = isFormOpened ? (
<EvaluationForm
processId={processId}
applicantId={applicantId}
onClose={() => setIsFormOpened(false)}
/>
) : (
<EvaluationAddButton onClick={() => setIsFormOpened(true)} />
);
const FormSection =
isCurrentProcess &&
(isFormOpened ? (
<EvaluationForm
processId={processId}
applicantId={applicantId}
onClose={() => setIsFormOpened(false)}
/>
) : (
<EvaluationAddButton onClick={() => setIsFormOpened(true)} />
));
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

저는 JSX구문이 return 이전에 사용되는게 어색한데 렛서는 어떻게 보시나용?!
저는 딱히 이유가 있진 않습니다 ㅎㅎ 그저 어색하게 느껴져용

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

음 저는 위와 같이 복잡한 조건부 처리가 필요한 로직은 따로 떼어서 변수화하는 것이 좋다고 생각해요. 예전에 레벨1-2 기간에 리뷰 받았던 내용이기도 합니다.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

음 사실 제가 짠 코드가 아니고 조건만 추가한 거긴 한데요, 저도 return 문 전에 jsx 코드가 있는 것이 문제가 있다고 보진 않습니다.
아쉬운 부분이라면 조건이 하나 더 추가되면서 가독성이 안 좋아진 부분이겠네요. 한번 개선해보겠습니다~

Comment on lines 46 to 48
Default.parameters = {
docs: {},
};
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

불필요한 코드를 발견했어요!

Copy link
Contributor

@seongjinme seongjinme left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

렛서 고생하셨습니다. 기능, 코드 측면에서 모두 잘 동작하는 것을 확인했어요. 유용한 CSS 속성도 하나 배우고 갑니다. :)

@@ -91,6 +91,8 @@ const ResultFlag = styled.div<{ $score: string }>`
const ResultComment = styled.div`
${({ theme }) => theme.typography.common.small};
color: ${({ theme }) => theme.colors.text.block};
white-space: pre-wrap;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pre-wrap 설정 좋네요. 띄어쓰기, 들여쓰기, 줄바꿈은 모두 허용하면서 너무 긴 문장은 자동으로 줄바꿈을 해주는 속성이군요. 좋은 속성을 새로 배우고 갑니다 👍

Comment on lines 17 to 28
const FormSection = isFormOpened ? (
<EvaluationForm
processId={processId}
applicantId={applicantId}
onClose={() => setIsFormOpened(false)}
/>
) : (
<EvaluationAddButton onClick={() => setIsFormOpened(true)} />
);
const FormSection =
isCurrentProcess &&
(isFormOpened ? (
<EvaluationForm
processId={processId}
applicantId={applicantId}
onClose={() => setIsFormOpened(false)}
/>
) : (
<EvaluationAddButton onClick={() => setIsFormOpened(true)} />
));
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

음 저는 위와 같이 복잡한 조건부 처리가 필요한 로직은 따로 떼어서 변수화하는 것이 좋다고 생각해요. 예전에 레벨1-2 기간에 리뷰 받았던 내용이기도 합니다.

@llqqssttyy llqqssttyy merged commit 27e6b3b into fe/develop Oct 11, 2024
1 check passed
@llqqssttyy llqqssttyy deleted the fe-778-EVAL_05 branch October 11, 2024 08:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 새로운 기능 frontend 프론트엔드
Projects
Status: 완료
Development

Successfully merging this pull request may close these issues.

3 participants