From c41c37f68257968c3ddadb9bd0a0bb02a3bda02e Mon Sep 17 00:00:00 2001
From: minuk926 <minuk926@gmail.com>
Date: Fri, 29 Jul 2022 16:43:27 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=8B=AC=EC=82=AC=20-=20=EC=8B=AC?=
 =?UTF-8?q?=EC=82=AC=EB=8C=80=EC=83=81=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20vie?=
 =?UTF-8?q?w=20:=20=EB=93=B1=EB=A1=9D=EB=90=9C=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=EB=A7=8C=20=EB=B3=B4=EC=9D=B4=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/biz/judge/ProcessJudge.jsx        | 26 +++++++++++++--------
 src/views/biz/judge/ProcessParkingJudge.jsx | 24 ++++++++++++-------
 2 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/views/biz/judge/ProcessJudge.jsx b/src/views/biz/judge/ProcessJudge.jsx
index 1e94c90..2bb07a2 100644
--- a/src/views/biz/judge/ProcessJudge.jsx
+++ b/src/views/biz/judge/ProcessJudge.jsx
@@ -22,7 +22,7 @@ const ProcessJudge = (props) => {
   const getImgList = (row) => {
     findJudgeImages(row).then((res) => {
       const { arrFrecadImg, arrContadImg, arrPicadImg } = res;
-      // console.log(arrFrecadImg, arrContadImg, arrPicadImg);
+      console.log(arrFrecadImg, arrContadImg, arrPicadImg);
       setFrecadImgs(arrFrecadImg);
       setContadImgs(arrContadImg);
       setPicadImgs(arrPicadImg);
@@ -96,19 +96,25 @@ const ProcessJudge = (props) => {
       <Grid container spacing={1}>
         <Grid item xs={6}>
           <ImageList cols={4}>
-            {frecadImgs?.map((img, idx) => (
-              <ImgItem key={idx} idx={idx} title={`진술서${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
-            ))}
+            {frecadImgs
+              ?.filter((img) => img.imgName !== '')
+              .map((img, idx) => (
+                <ImgItem key={idx} idx={idx} title={`진술서${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
+              ))}
           </ImageList>
           <ImageList cols={4}>
-            {contadImgs?.map((img, idx) => (
-              <ImgItem key={idx} idx={idx} title={`첨부파일${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
-            ))}
+            {contadImgs
+              ?.filter((img) => img.imgName !== '')
+              .map((img, idx) => (
+                <ImgItem key={idx} idx={idx} title={`첨부파일${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
+              ))}
           </ImageList>
           <ImageList cols={4}>
-            {picadImgs?.map((img, idx) => (
-              <ImgItem key={idx} idx={idx} title={`단속사진${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
-            ))}
+            {picadImgs
+              ?.filter((img) => img.imgName !== '')
+              .map((img, idx) => (
+                <ImgItem key={idx} idx={idx} title={`단속사진${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
+              ))}
           </ImageList>
         </Grid>
         <Grid item xs={5.9} ml={0.8} border={1}>
diff --git a/src/views/biz/judge/ProcessParkingJudge.jsx b/src/views/biz/judge/ProcessParkingJudge.jsx
index fbc112d..83ed34c 100644
--- a/src/views/biz/judge/ProcessParkingJudge.jsx
+++ b/src/views/biz/judge/ProcessParkingJudge.jsx
@@ -96,19 +96,25 @@ const ProcessParkingJudge = (props) => {
       <Grid container spacing={1}>
         <Grid item xs={6}>
           <ImageList cols={4}>
-            {frecadImgs?.map((img, idx) => (
-              <ImgItem key={idx} idx={idx} title={`진술서${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
-            ))}
+            {frecadImgs
+              ?.filter((img) => img.imgName !== '')
+              .map((img, idx) => (
+                <ImgItem key={idx} idx={idx} title={`진술서${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
+              ))}
           </ImageList>
           <ImageList cols={4}>
-            {contadImgs?.map((img, idx) => (
-              <ImgItem key={idx} idx={idx} title={`첨부파일${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
-            ))}
+            {contadImgs
+              ?.filter((img) => img.imgName !== '')
+              .map((img, idx) => (
+                <ImgItem key={idx} idx={idx} title={`첨부파일${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
+              ))}
           </ImageList>
           <ImageList cols={4}>
-            {picadImgs?.map((img, idx) => (
-              <ImgItem key={idx} idx={idx} title={`단속사진${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
-            ))}
+            {picadImgs
+              ?.filter((img) => img.imgName !== '')
+              .map((img, idx) => (
+                <ImgItem key={idx} idx={idx} title={`단속사진${idx + 1}`} imgInfo={img} onViewImage={viewImage} />
+              ))}
           </ImageList>
         </Grid>
         <Grid item xs={5.9} ml={0.8} border={1}>