diff --git a/src/components/Burger/OrderSummary/OrderSummary.js b/src/components/Burger/OrderSummary/OrderSummary.js
new file mode 100644
index 0000000..9a49eda
--- /dev/null
+++ b/src/components/Burger/OrderSummary/OrderSummary.js
@@ -0,0 +1,27 @@
+import React from 'react';
+
+import Aux from '../../../hoc/Auxiliary';
+
+const orderSummary = (props) => {
+ const ingredients = Object.keys(props.ingredients)
+ .map(igKey => {
+ return (
+
+ {igKey}: {props.ingredients[igKey]}
+
+ )
+ });
+
+ return (
+
+ Your Order
+ A delicious burger with the following ingredients:
+
+ Continue to Checkout?
+
+ )
+};
+
+export default orderSummary;
\ No newline at end of file
diff --git a/src/containers/BurgerBuilder/BurgerBuilder.js b/src/containers/BurgerBuilder/BurgerBuilder.js
index db4fa60..ac9e911 100644
--- a/src/containers/BurgerBuilder/BurgerBuilder.js
+++ b/src/containers/BurgerBuilder/BurgerBuilder.js
@@ -4,6 +4,7 @@ import Aux from '../../hoc/Auxiliary';
import Burger from '../../components/Burger/Burger';
import BuildControls from '../../components/Burger/BuildControls/BuildControls';
import Modal from '../../components/UI/Modal/Modal';
+import OrderSummary from '../../components/Burger/OrderSummary/OrderSummary';
const INGREDIENT_PRICE = {
salad: 0.4,
@@ -87,7 +88,9 @@ class BurgerBuilder extends Component {
return (
-
+
+
+