Merge pull request #396 from SejongPeer/feature/36

feat : [36] 게시글 초기화 함수로 수정/ 태그 기능 수정 /게시글 작성 시 내용 초기화
SejongPeer · Aug 19, 2024 · d99718c · d99718c
2 parents 1d24c2a + c1e123d
commit d99718c
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 30 deletions.
diff --git a/src/components/studyPostWrite/studyRequirement/Tag.js b/src/components/studyPostWrite/studyRequirement/Tag.js
@@ -9,7 +9,7 @@ const Tag = () => {
       .split('#')
       .filter(e => e !== '');
 
-    setTags(tagSplit);
+    setTags(list);
   };
   return (
     <div className={style.inputWrapper}>

diff --git a/src/pages/main/mainPage/MainPage.js b/src/pages/main/mainPage/MainPage.js
@@ -14,7 +14,6 @@ import buddy_button from '../../../assets/image/buddy_button.png';
 import honbobButton from '../../../assets/image/honbobButton.png';
 import style from './MainPage.module.css';
 import { BuddyHandler, HonbobHandler } from './api';
-
 const images = [honbobUse, buddyUse, peerUse];
 
 const MainPage = () => {

diff --git a/src/pages/study/studyPostWrite/StudyPostWrite.js b/src/pages/study/studyPostWrite/StudyPostWrite.js
@@ -63,6 +63,7 @@ const StudyPostWrite = props => {
     setQuestionLink,
     setTags,
   } = usePostStore();
+
   const {
     isPopupVisible,
     popupMessage,
@@ -85,6 +86,14 @@ const StudyPostWrite = props => {
     studyLink,
     tags
   );
+  // 게시글 초기화
+  const reset = usePostStore(state => state.reset);
+  const resetCategory = useTimeTableStore(state => state.reset);
+  useEffect(() => {
+    reset();
+    resetCategory();
+  }, []);
+
   const navigate = useNavigate();
 
   const handleDatePickerFocus = event => {
@@ -233,7 +242,10 @@ const StudyPostWrite = props => {
     }
     const formStartDate = format(startDate, 'yyyy-MM-dd HH:mm:ss');
     const formEndDate = format(endDate, 'yyyy-MM-dd HH:mm:ss');
-
+    const tagSplit = tags
+      .replace(/(\s*)/g, '')
+      .split('#')
+      .filter(e => e !== '');
     const studyData =
       studyType === 'lecture'
         ? {
@@ -247,7 +259,7 @@ const StudyPostWrite = props => {
             lectureId: category,
             recruitmentStartAt: formStartDate,
             recruitmentEndAt: formEndDate,
-            tags: tags,
+            tags: tagSplit,
             images: null,
           }
         : {
@@ -261,7 +273,7 @@ const StudyPostWrite = props => {
             externalActivityId: category,
             recruitmentStartAt: formStartDate,
             recruitmentEndAt: formEndDate,
-            tags: tags,
+            tags: tagSplit,
             images: null,
           };
     console.log(studyData);
@@ -289,18 +301,9 @@ const StudyPostWrite = props => {
       }
       alert('게시글 작성 완료');
 
-      // 게시글 초기화
-      setTitle('');
-      setCategory(null);
-      setStartDate('');
-      setEndDate('');
-      setMemberNum(1);
-      setSelectedWay('FACE_TO_FACE');
-      setSelectedFrequency('ONCE_OR_TWICE_A_WEEK');
-      setContent('');
-      setStudyLink('');
-      setQuestionLink('');
-      setTags([]);
+      //게시글 초기화 함수
+      reset();
+      resetCategory();
 
       navigate(`/study/post/${studyId}`);
       if (!response.ok) {
@@ -338,7 +341,10 @@ const StudyPostWrite = props => {
     }
     const formStartDate = format(startDate, 'yyyy-MM-dd HH:mm:ss');
     const formEndDate = format(endDate, 'yyyy-MM-dd HH:mm:ss');
-
+    const tagSplit = tags
+      .replace(/(\s*)/g, '')
+      .split('#')
+      .filter(e => e !== '');
     const studyData = {
       title: title,
       content: content,
@@ -350,7 +356,7 @@ const StudyPostWrite = props => {
       lectureId: category,
       recruitmentStartAt: formStartDate,
       recruitmentEndAt: formEndDate,
-      tags: tags,
+      tags: tagSplit,
       images: null,
     };
     console.log(studyData);
@@ -381,17 +387,9 @@ const StudyPostWrite = props => {
       }
       alert('게시글 수정 완료');
 
-      // 게시글 초기화
-      setTitle('');
-      setStartDate('');
-      setEndDate('');
-      setMemberNum(1);
-      setSelectedWay('FACE_TO_FACE');
-      setSelectedFrequency('ONCE_OR_TWICE_A_WEEK');
-      setContent('');
-      setStudyLink('');
-      setQuestionLink('');
-      setTags([]);
+      //게시글 초기화
+      reset();
+      resetCategory();
 
       navigate(`/study/post/${props.studyId}`);
     } catch (err) {

diff --git a/src/pages/study/studyPostWrite/usePostStore.js b/src/pages/study/studyPostWrite/usePostStore.js
@@ -23,5 +23,19 @@ const usePostStore = create(set => ({
   setStudyLink: studyLink => set({ studyLink }),
   setQuestionLink: questionLink => set({ questionLink }),
   setTags: tags => set({ tags }),
+  reset: () =>
+    set({
+      title: '',
+      category: null,
+      startDate: '',
+      endDate: '',
+      memberNum: 1,
+      selectedWay: 'FACE_TO_FACE',
+      selectedFrequency: 'ONCE_OR_TWICE_A_WEEK',
+      content: '',
+      questionLink: '',
+      studyLink: '',
+      tags: [],
+    }),
 }));
 export default usePostStore;
diff --git a/src/pages/study/timeTable/useTimeTableStore.js b/src/pages/study/timeTable/useTimeTableStore.js
@@ -7,6 +7,12 @@ const useTimeTableStore = create(set => ({
   setTableInfos: tableInfos => set({ tableInfos }),
   setShowData: showData => set({ showData }),
   setSubjectName: subjectName => set({ subjectName }),
+  reset: () =>
+    set({
+      tableInfos: [],
+      showData: [],
+      subjectName: '',
+    }),
 }));
 
 export default useTimeTableStore;