From de2ab6ac6666e6ed33d9c7ec5ed46bf61662e2e0 Mon Sep 17 00:00:00 2001
From: jijiseong <jiseong5036@gamil.com>
Date: Sat, 19 Aug 2023 14:53:27 +0900
Subject: [PATCH] =?UTF-8?q?[FEAT]=20#316:=20=20=EA=B2=AC=EC=A0=81=EC=9A=94?=
 =?UTF-8?q?=EC=95=BD=20=EC=98=B5=EC=85=98=20=EA=B0=80=EA=B2=A9=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/modal/QuoteSummaryModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/modal/QuoteSummaryModal.tsx b/frontend/src/components/modal/QuoteSummaryModal.tsx
index 45ceba2..dd0a506 100644
--- a/frontend/src/components/modal/QuoteSummaryModal.tsx
+++ b/frontend/src/components/modal/QuoteSummaryModal.tsx
@@ -39,6 +39,7 @@ export default function QuoteSummaryModal({ ...props }: IQuoteSummaryModal) {
   const optionNames = selectedItem.options.map((option) => {
     return option.name;
   });
+  const optionPrice = selectedItem.options.reduce((acc, option) => acc + option.price, 0);
 
   return (
     <DimmedBackground $displayDimmed={visible} {...props}>
@@ -90,7 +91,7 @@ export default function QuoteSummaryModal({ ...props }: IQuoteSummaryModal) {
                 price={selectedItem.innerColor.price}
               />
               <Hr />
-              <Detail title="옵션" name={optionNames.join(', ')} price={0} />
+              <Detail title="옵션" name={optionNames.join(', ')} price={optionPrice} />
             </DetailSection>
           </Row>
           <PriceSection>