[FEAT] 주문 조회 사진 이슈 해결

Liberty52 · Nov 30, 2023 · e10b8f5 · e10b8f5
1 parent f303262
commit e10b8f5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/screen/inquiry/Detail.css b/src/screen/inquiry/Detail.css
@@ -92,7 +92,7 @@
 
 .section2 img {
   width: 100%;
-  height: 200px;
+  max-height: 200px;
 }
 
 .DetailProductOptions {

diff --git a/src/screen/inquiry/Detail.js b/src/screen/inquiry/Detail.js
@@ -31,6 +31,7 @@ function InquiryDetails() {
           },
         });
         setOrderDetails(response.data);
+        console.log(response.data);
         setLoading(false);
       } catch (error) {
         console.error('Error fetching order details:', error);
@@ -103,19 +104,24 @@ function InquiryDetails() {
                 </li>
               </ul>
             </div>
-            <ImgDetailsSection productUrl={product.productUrl} />
+            <ImgDetailsSection product={product} />
           </>
         ))}
       </>
     );
   }
 
-  function ImgDetailsSection({ productUrl }) {
+  function ImgDetailsSection({ product }) {
+    console.log(product);
     return (
       <div className='section2'>
         <p className='DetailCName'>배경이미지 시안</p>
         <div className='content'>
-          <img src={productUrl} alt='배경이미지 시안' className='Detail-Img' />
+          <img
+            src={product.custom ? product.productUrl : product.licenseArtUrl}
+            alt='배경이미지 시안'
+            className='Detail-Img'
+          />
         </div>
       </div>
     );