jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design: 내 정보 변경 글자수 제한 스타일 추가

Browse Source
This commit is contained in:
정기영 2024-08-14 10:06:55 +09:00
parent f5fdfcf22e
commit 8fa7f8818a
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/InfoEditForm/InfoEditForm.jsx
View File

@ -33,6 +33,7 @@ export default function InfoEditForm({ name, email, onSubmit, usingEmail }) {
onChange={(e) => setUsername(e.target.value)} onChange={(e) => setUsername(e.target.value)}
required required
/> />
{username.length > 19 && <div className={styles.maxLengthMessage}>최대 20자까지 입력 가능합니다</div>}
</div> </div>
<p className={styles.textHeading}>이메일 변경</p> <p className={styles.textHeading}>이메일 변경</p>
<div className={styles.inputBox}> <div className={styles.inputBox}>
@ -52,6 +53,8 @@ export default function InfoEditForm({ name, email, onSubmit, usingEmail }) {
onChange={(e) => setUseremail(e.target.value)} onChange={(e) => setUseremail(e.target.value)}
required required
/> />
{useremail.length > 49 && <div className={styles.maxLengthMessage}>최대 50자까지 입력 가능합니다</div>}
{usingEmail && <div className={styles.errorText}>이미 사용중인 이메일입니다</div>} {usingEmail && <div className={styles.errorText}>이미 사용중인 이메일입니다</div>}
</div> </div>
<button <button