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: 메세지 제출 폼 및 사이드 모달 컴포넌트 구현 #701

Merged
merged 24 commits into from
Sep 26, 2024

Conversation

github-actions[bot]
Copy link
Contributor

@github-actions github-actions bot commented Sep 24, 2024

Original issue description

목적

메세지 전송을 위한 폼과, 그 폼을 나타나게 할 모달 컴포넌트를 구현합니다.

작업 세부사항

  • MessageForm 구현
  • SIdeMessageModal 구현

참고 사항

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


COM_MESSAGE

closes #700

@github-actions github-actions bot added feature 새로운 기능 frontend 프론트엔드 labels Sep 24, 2024
@lurgi lurgi self-assigned this Sep 24, 2024
@lurgi lurgi marked this pull request as ready for review September 26, 2024 04:25
Copy link
Contributor Author

1727324708.612699

Copy link
Contributor Author

1727324711.052329

Copy link
Contributor Author

1727324725.316279

@lurgi lurgi requested review from llqqssttyy and seongjinme and removed request for llqqssttyy and seongjinme September 26, 2024 06:09
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.

러기 고생하셨어요. 상당히 빠듯한 일정이었는데 빠르게 구현해주셨네요. 로컬에서 대시보드 만들고 메일 전송하는 테스트도 해보았는데 다행히 잘 작동하네요.

일단 Approve 드릴게요. 다만 아래 사항들에 대해서는 데모데이 이후에 같이 논의해보면 좋을 것 같아요.

  • 제목 500자, 내용 2,000자로 제한해 주셨는데요. 이 글자수가 공고 지원 화면에서처럼 표기가 되도록 개선되면 더 좋을 것 같아요.
  • 위의 글자수 제한이 백엔드 레벨에서의 검증 조건과는 조금 달라서, 이에 대한 일치화 작업이 필요할지에 대해서는 백엔드 분들과 같이 이야기 나눠보면 좋을 것 같아요.

Comment on lines +25 to +27
const [subjectError, setSubjectError] = useState<string | undefined>(undefined);
const [content, setContent] = useState('');
const [contentError, setContentError] = useState<string | undefined>(undefined);
Copy link
Contributor

Choose a reason for hiding this comment

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

오 에러 메시지에 대해서 stringundefined 타입을 같이 써주셨네요. 에러가 없다는 상태에 대해 명시적으로 표기하기 위해 써주신 거라고 이해하면 될까요?

Copy link
Contributor

Choose a reason for hiding this comment

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

그런 것 같네요. 저는 값이 존재하지 않는다는 의미로 null로 선언하는 것도 괜찮을 것 같은데 러기는 어떻게 생각하시나요?

Copy link
Contributor

@llqqssttyy llqqssttyy left a comment

Choose a reason for hiding this comment

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

촉박한 일정에 빠르게 작업하시느라 고생 많으셨습니다, 러기!
일단 approve 드려요~

@@ -34,7 +34,7 @@ export default class APIClient implements APIClientType {
return this.request<T>({ method: 'GET', ...params });
}

async post<T>(params: APIClientParamsWithBody): Promise<T> {
async post<T>(params: APIClientParamsWithBody & { isFormData?: boolean }): Promise<T> {
Copy link
Contributor

Choose a reason for hiding this comment

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

앞으로 확장성 있는 APIClient를 만들 땐 formData 타입도 유의해야겠네요..💭

Comment on lines +25 to +27
const [subjectError, setSubjectError] = useState<string | undefined>(undefined);
const [content, setContent] = useState('');
const [contentError, setContentError] = useState<string | undefined>(undefined);
Copy link
Contributor

Choose a reason for hiding this comment

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

그런 것 같네요. 저는 값이 존재하지 않는다는 의미로 null로 선언하는 것도 괜찮을 것 같은데 러기는 어떻게 생각하시나요?

@lurgi lurgi merged commit 1d62e57 into fe/develop Sep 26, 2024
1 check passed
@lurgi lurgi deleted the fe-700-COM_MESSAGE branch September 26, 2024 08:28
llqqssttyy pushed a commit that referenced this pull request Sep 27, 2024
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