hotfix

src/components/report/Form.tsx

@@ -1,10 +1,4 @@
-import {
-  ChangeEvent,
-  Dispatch,
-  SetStateAction,
-  useEffect,
-  useState,
-} from 'react';
+import { ChangeEvent, Dispatch, SetStateAction } from 'react';
 import Datepicker from 'react-tailwindcss-datepicker';
 import {
   DateRangeType,
@@ -34,7 +28,7 @@ export default function Form({
   id,
 }: ReportProps) {
   const { openModal, visible, closeModal, modalRef } = useModal();
-  const { date, participants, place, content, startTime, endTime, ImageUrls } =
+  const { date, participants, place, content, startTime, endTime, imageUrls } =
     report;
 
   function handleChange(
@@ -151,7 +145,7 @@ export default function Form({
           <UploadImage
             image={uploadFiles}
             setImage={setImage}
-            imageUrls={ImageUrls}
+            imageUrls={imageUrls}
             setRemoveFile={setRemoveFile}
             id={id}
           />

src/components/report/detail/Report.tsx

@@ -13,15 +13,15 @@ type Props = {
 };
 
 export default function Report({ reportData, term }: Props) {
-  const { content, ImageUrls, participants } = reportData ?? {};
+  const { content, imageUrls, participants } = reportData ?? {};
 
   const [data, setData] = useState(reportData);
 
   const showImage =
-    ImageUrls && ImageUrls[0] ? parseImgUrl(ImageUrls[0]) : UnSubmitImage;
+    imageUrls && imageUrls[0] ? parseImgUrl(imageUrls[0]) : UnSubmitImage;
   useEffect(() => {
     setData(data);
-  }, [ImageUrls, data]);
+  }, [imageUrls, data]);
 
   const isParticipants =
     participants?.filter((participant) => participant.name).length > 0;

src/types/report.ts

@@ -34,7 +34,7 @@ export type EditReport = {
   startTime: string;
   endTime: string;
   content: string;
-  ImageUrls?: string[];
+  imageUrls?: string[];
   uploadFiles?: File | null;
   participants: StudentInfo[];
   token?: string;
@@ -63,7 +63,7 @@ export type ReportResponse = {
   endDate: string;
   startTime: string;
   endTime: string;
-  ImageUrls: string[];
+  imageUrls: string[];
   participants: StudentInfo[];
 };
 

src/utils/parse.ts

@@ -50,7 +50,7 @@ export const parseReportResponseToEditReport = (
     place,
     content,
     participants,
-    ImageUrls,
+    imageUrls,
     startDate: start,
     endDate: end,
   } = report;
@@ -66,7 +66,7 @@ export const parseReportResponseToEditReport = (
     content,
     date: { startDate, endDate },
     startTime,
-    ImageUrls,
+    imageUrls,
     endTime,
     participants,
   };