diff --git a/src/pages/portfolio/edit/PortfolioEditPage.tsx b/src/pages/portfolio/edit/PortfolioEditPage.tsx index 2b6f3e35..e83cb8e9 100644 --- a/src/pages/portfolio/edit/PortfolioEditPage.tsx +++ b/src/pages/portfolio/edit/PortfolioEditPage.tsx @@ -238,13 +238,14 @@ const PortfolioEditPage = () => { const { ref } = register('content', PORTFOLIO_EDIT_DATA.content.validation); const handleChangeEditor = (value: string) => { - setValue('content', value); + setValue('content', value === '


' ? '' : value); }; useEffect(() => { if (isSuccessReadPortfolio) { setProceedType(portfolio?.proceedType); setSkillList(portfolio?.skills ? portfolio?.skills : []); + setValue('content', portfolio?.content); } }, [isSuccessReadPortfolio]); @@ -258,223 +259,226 @@ const PortfolioEditPage = () => { return ( <> - checkEnterKeyDown(e)} - > - - -

포트폴리오 작성

-

- 작성하신 포트폴리오는 프로필을 통해 보여집니다. 진행했던 내용을 자유롭게 작성해보세요! -

-
-
- - - - 슬라이드 이미지 - - - {LABEL.image} - setModalOpen(true)} - /> - {modalOpen && ( - - setModalOpen(false)} /> - - )} - - - - -
-
- - - - 기본 정보 - - {/* 포트폴리오 제목 */} - - {/* 포트폴리오 한줄 소개 */} - - - {/* 분야 */} - checkEnterKeyDown(e)} + > + + +

포트폴리오 작성

+

+ 작성하신 포트폴리오는 프로필을 통해 보여집니다. 진행했던 내용을 자유롭게 + 작성해보세요! +

+
+
+ + + + 슬라이드 이미지 + + + {LABEL.image} + setModalOpen(true)} + /> + {modalOpen && ( + + setModalOpen(false)} /> + + )} + + + + +
+
+ + + + 기본 정보 + + {/* 포트폴리오 제목 */} + - {/* 역할 */} - -
- {/* 진행기간 */} - - 진행기간 - { - return ( - differenceInDays( - new Date(watch('endDate') as string), - new Date(startDate) - ) >= 0 || '시작일을 종료일보다 빠르게 설정해주세요' - ); - }, - }} + getValues={getValues} + optionList={fields} + {...PORTFOLIO_EDIT_DATA.field} /> - - - {/* 진행방식 */} - - 진행방식 - - - {PROCEED_TYPE.map(type => ( - -
- {type} -
-
+ {/* 진행기간 */} + + 진행기간 + + { + return ( + differenceInDays( + new Date(watch('endDate') as string), + new Date(startDate) + ) >= 0 || '시작일을 종료일보다 빠르게 설정해주세요' + ); + }, + }} + /> + + + + {/* 진행방식 */} + + 진행방식 + + + {PROCEED_TYPE.map(type => ( + +
+ {type} +
+
+ ))} +
+ + {formState?.errors['proceedType']?.message} + +
+
+ {/* 스킬 */} + + + + {skillList?.map(({ ...props }, index) => ( + ))} - - {formState?.errors['proceedType']?.message} - -
+
- {/* 스킬 */} - - +
+
+ + + + 상세 내용 + + {LABEL.content} + { + ref(e); + if (quillRef) quillRef.current = e; + }} + value={watch('content')} + onChange={handleChangeEditor} + modules={modules} + formats={formats} + onKeyDown={checkTabKeyDown} + {...PORTFOLIO_EDIT_DATA.content} /> - - {skillList?.map(({ ...props }, index) => ( - + +
+
+ + + + 링크 + + addLink()} /> + + {links?.map((link, index) => ( + ))} - - - - -
-
- - - - 상세 내용 - - {LABEL.content} - { - ref(e); - if (quillRef) quillRef.current = e; - }} - value={portfolio?.content} - onChange={handleChangeEditor} - modules={modules} - formats={formats} - onKeyDown={checkTabKeyDown} - {...PORTFOLIO_EDIT_DATA.content} - /> - - -
-
- - - - 링크 - - addLink()} /> - - {links?.map((link, index) => ( - - ))} + - -
-
+ +
+
+ + + navigate(-1)} /> + +
- - - navigate(-1)} /> - - - -
+ + )} ); };