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

[FE] fix: 꿀조합 이름, 닉네임 글자수 제한 #625

Merged
merged 5 commits into from
Sep 14, 2023

Conversation

Leejin-Yang
Copy link
Collaborator

Issue

✨ 구현한 기능

  • 꿀조합 이름, 닉네임 글자수 제한

📢 논의하고 싶은 내용

  • 우선 max length로 입력 막았습니다.
  • 추후 폼과 인풋 예외처리가 필요해요. 프론트에서도 한번 걸러줘야 합니다.!

🎸 기타

x

⏰ 일정

  • 추정 시간 :
  • 걸린 시간 :

@github-actions
Copy link

github-actions bot commented Sep 14, 2023

Unit Test Results

5 tests   - 218   5 ✔️  - 218   6s ⏱️ -13s
2 suites  - 110   0 💤 ±    0 
1 files    - 111   0 ±    0 

Results for commit 69b4b1e. ± Comparison against base commit 1fe68ce.

♻️ This comment has been updated with latest results.

Copy link
Collaborator

@xodms0309 xodms0309 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 +40 to +48
const MemberModifyInputContainer = styled.div`
position: relative;
`;

const NicknameStatusText = styled(Text)`
position: absolute;
top: 0;
right: 0;
`;
Copy link
Collaborator

Choose a reason for hiding this comment

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

flex box 를 쓸 수도 있을 것 같은데 왜 position으로 했나요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

title을 따로 두고 싶었습니다!
container -> div -> h2보다 container -> h2 느낌??

Copy link
Collaborator

Choose a reason for hiding this comment

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

아! 하!

Copy link
Collaborator

@hae-on hae-on left a comment

Choose a reason for hiding this comment

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

수고하셨슴다
수정한 input 어떻게 보이는지 캡쳐해주실 수 있나요?

닉네임
</Heading>
<NicknameStatusText color={theme.textColors.info} tabIndex={0}>
{nickname.length} / {MAX_LENGTH}
Copy link
Collaborator

Choose a reason for hiding this comment

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

'자'를 추가해주실 수 있나요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

옙!

<Heading as="h2" size="xl" tabIndex={0}>
꿀조합 이름
<RequiredMark aria-label="필수 작성">*</RequiredMark>
</Heading>
<RecipeNameStatusText color={theme.textColors.info} tabIndex={0}>
{recipeName.length} / {MAX_LENGTH}
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기도 '자'를 추가해주세요

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

옙!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FE] 꿀조합 이름, 닉네임 이름 글자수 제한
3 participants