Connecting <ContactData /> Container & Order ACTIONS

Ch-sriram · Aug 27, 2020 · 61c94b9 · 61c94b9
1 parent 1e8826e
commit 61c94b9
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -123,3 +123,4 @@ Dependency Installation: **`npm i --save redux-thunk`**
 6. Initializing `ingredients` in the `<BurgerBuilder />` Component: [Commit Details](https://github.com/Ch-sriram/burger-builder/commit/c53894fff653877d267a8980e8ec466c926f36bd)
 7. Changing the Order of our `ingredients` Manually: [Commit Details](https://github.com/Ch-sriram/burger-builder/commit/88607a0746a07e9c5021f56d7b8126d7487cd239)
 8. Adding **`ACTIONS`** for Orders: [Commit Details](https://github.com/Ch-sriram/burger-builder/commit/ed60d4643fe02ef0684b9d1ec9271645e01b9da0)
+9. Connecting `<ContactData />` Container & Order ACTIONS: [Commit Details]()
diff --git a/src/containers/Checkout/ContactData/ContactData.component.jsx b/src/containers/Checkout/ContactData/ContactData.component.jsx
@@ -9,6 +9,8 @@ import { StyledButton as Button } from '../../../components/UI/Buttons/StyledBut
 import Spinner from '../../../components/UI/Spinner/Spinner.component';
 import axios from '../../../axios-orders';
 import Input from '../../../components/UI/Input/Input.component';
+import withErrorHandler from "../../../hoc/withErrorHandler/withErrorHandler.closureHOC";
+import * as actions from "../../../store/actions/index";
 
 // STYLED COMPONENTS
 const FormDiv = styled.div`
@@ -139,21 +141,23 @@ class ContactData extends Component {
         orderData: formData,
       };
 
-      axios
-        .post("/orders.json", order)
-        .then(response => {
-          this.setState({ loading: false }, () => {
-            this.props.history.push("/");
-            console.log(response);
-            return response;
-          });
-        })
-        .catch(error => {
-          this.setState({ loading: false }, () => {
-            console.log(error);
-            return error;
-          });
-        });
+      this.props.onOrderBurger(order);
+
+      // axios
+      //   .post("/orders.json", order)
+      //   .then(response => {
+      //     this.setState({ loading: false }, () => {
+      //       this.props.history.push("/");
+      //       console.log(response);
+      //       return response;
+      //     });
+      //   })
+      //   .catch(error => {
+      //     this.setState({ loading: false }, () => {
+      //       console.log(error);
+      //       return error;
+      //     });
+      //   });
     });
   };
 
@@ -233,4 +237,10 @@ const mapStateToProps = state => {
   }
 }
 
-export default connect(mapStateToProps)(ContactData);
+const mapDispatchToProps = dispatch => {
+  return {
+    onOrderBurger: orderDetails => dispatch(actions.purchaseBurgerStartAsync(orderDetails)),
+  };
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(withErrorHandler(ContactData, axios));