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)} />
-
-
-
-
+
+ )}
>
);
};