[FE] feat : error handling

U2DJ2 · May 28, 2024 · 0ff9b32 · 0ff9b32
1 parent e1a500f
commit 0ff9b32
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 25 deletions.
diff --git a/frontend/moim_front/src/pages/MoimJoinPage/MoimHome/index.jsx b/frontend/moim_front/src/pages/MoimJoinPage/MoimHome/index.jsx
@@ -32,7 +32,7 @@ function MoimHome({ isHost, moimId }) {
     }
   };
 
-  const cardClickHandler = () => {
+  const cardClickHandler = (noticeId) => {
     navigate(`notice/${noticeId}`);
   };
 
@@ -115,7 +115,7 @@ function MoimHome({ isHost, moimId }) {
                 title={notice.title}
                 btn={false}
                 isMeeting={false}
-                clickHandler={cardClickHandler}
+                clickHandler={() => cardClickHandler(notice.noticeId)}
               />
             ))
           ) : (

diff --git a/frontend/moim_front/src/pages/MoimJoinPage/ToDo/index.jsx b/frontend/moim_front/src/pages/MoimJoinPage/ToDo/index.jsx
@@ -22,7 +22,9 @@ function ToDo() {
     startDate = startDate.toISOString().slice(0, 7);
 
     try {
-      const response = await axios.get(`https://api.moim.today/api/todos/moim/${MoimId}?startDate=${startDate}&months=12`);
+      const response = await axios.get(
+        `https://api.moim.today/api/todos/moim/${MoimId}?startDate=${startDate}&months=12`
+      );
       setTodoData(response.data.data);
     } catch (error) {
       console.log(error);
@@ -36,7 +38,7 @@ function ToDo() {
   const handleTodoCheckboxClick = (todo) => {
     // 체크박스 클릭 시 처리할 로직
     console.log(todo);
-  }
+  };
 
   // todo 데이터를 날짜별로 그룹화하는 함수
   const groupTodosByDate = () => {
@@ -78,13 +80,16 @@ function ToDo() {
                     {todoGroup.map((todo, todoIndex) => (
                       <div
                         key={todo.todoId}
-                        className={`flex items-center gap-2 ${todoIndex === todoGroup.length - 1 ? "" : " mb-4"
-                          }`}
+                        className={`flex items-center gap-2 ${
+                          todoIndex === todoGroup.length - 1 ? "" : " mb-4"
+                        }`}
                       >
                         <Checkbox
                           onChange={() => handleTodoCheckboxClick(todo)}
                         />
-                        <Label className="font-Pretendard_Medium">{todo.contents}</Label>
+                        <Label className="font-Pretendard_Medium">
+                          {todo.contents}
+                        </Label>
                       </div>
                     ))}
                   </div>

diff --git a/frontend/moim_front/src/pages/MoimJoinPage/index.jsx b/frontend/moim_front/src/pages/MoimJoinPage/index.jsx
@@ -87,24 +87,13 @@ function MoimJoinPage() {
   const [isAlertModalOpen, setAlertModalOpen] = useState(false);
   const [message, setMessage] = useState("");
   const [selected, setSelected] = useState(homeKey);
-  const [notices, setNotices] = useState([]);
   const [moimInfo, setMoimInfo] = useState([]);
   const [meetings, setMeetings] = useState([]);
   const [writerInfo, setWriterInfo] = useState([]);
   const [isHost, setIsHost] = useState(false);
 
   const { MoimId } = useParams();
 
-  const getNotices = async () => {
-    try {
-      const result = await fetchNotices(MoimId);
-      console.log(result);
-      setNotices(result.data.data);
-    } catch (e) {
-      console.log(e);
-    }
-  };
-
   const getInfo = async () => {
     try {
       const result = await fetchMoimInfo(MoimId);
@@ -125,7 +114,6 @@ function MoimJoinPage() {
 
   useEffect(() => {
     getHost();
-    getNotices();
   }, []);
 
   return (
@@ -175,12 +163,7 @@ function MoimJoinPage() {
         </div>
       </div>
       {selected === homeKey ? (
-        <MoimHome
-          notices={notices}
-          meetings={meetings}
-          isHost={isHost}
-          moimId={MoimId}
-        />
+        <MoimHome meetings={meetings} isHost={isHost} moimId={MoimId} />
       ) : selected === availableTimeKey ? (
         <AvailableTime moimId={MoimId} />
       ) : selected === todoKey ? (