From 3ec3df773ddee3b25efa31b9562021d45a4c2997 Mon Sep 17 00:00:00 2001
From: oscarzhou <oscarzhou0727@icloud.com>
Date: Sun, 13 Dec 2020 13:31:10 +1300
Subject: [PATCH] component: add price in OrderSummary

---
 src/components/Burger/OrderSummary/OrderSummary.js | 1 +
 src/containers/BurgerBuilder/BurgerBuilder.js      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/Burger/OrderSummary/OrderSummary.js b/src/components/Burger/OrderSummary/OrderSummary.js
index 697be2e..90cd2c3 100644
--- a/src/components/Burger/OrderSummary/OrderSummary.js
+++ b/src/components/Burger/OrderSummary/OrderSummary.js
@@ -20,6 +20,7 @@ const orderSummary = (props) => {
             <ul>
                 {ingredients}
             </ul>
+            <p><strong>Total Price: {props.price.toFixed(2)}</strong></p>
             <p>Continue to Checkout?</p>
             <Button btnType="Danger" clicked={props.purchaseCancalled}>CANCEL</Button>
             <Button btnType="Success" clicked={props.purchaseContinued}>CONTINUE</Button>
diff --git a/src/containers/BurgerBuilder/BurgerBuilder.js b/src/containers/BurgerBuilder/BurgerBuilder.js
index a1a55cc..dff4b78 100644
--- a/src/containers/BurgerBuilder/BurgerBuilder.js
+++ b/src/containers/BurgerBuilder/BurgerBuilder.js
@@ -106,6 +106,7 @@ class BurgerBuilder extends Component {
                     modalClosed={this.purchaseCancelHandler}>
                     <OrderSummary
                         ingredients={this.state.ingredients}
+                        price={this.state.totalPrice}
                         purchaseCancalled={this.purchaseCancelHandler}
                         purchaseContinued={this.purchaseContinueHandler}></OrderSummary>
                 </Modal>