Add handleSubmit for cart submitting

src/components/checkoutView/CheckoutView.tsx

@@ -19,9 +19,14 @@ import ProductsListing from "../productsListing/ProductsListing";
 interface Props {
   productsInCart: ProductProps[] | undefined;
   onLocationChange?: (props: LocationChangeProps) => void;
+  handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
 }
 
-const CheckoutView = ({ productsInCart, onLocationChange }: Props) => {
+const CheckoutView = ({
+  productsInCart,
+  onLocationChange,
+  handleSubmit,
+}: Props) => {
   return (
     <>
       <section className="bg__common mb1 p1">
@@ -33,7 +38,10 @@ const CheckoutView = ({ productsInCart, onLocationChange }: Props) => {
         />
       </section>
 
-      <ContactForm onLocationChange={onLocationChange} />
+      <ContactForm
+        handleSubmit={handleSubmit}
+        onLocationChange={onLocationChange}
+      />
     </>
   );
 };

src/components/contactForm/ContactForm.tsx

@@ -12,7 +12,7 @@ import AdditionalInformation from "./children/AdditionalInformation";
 import { LocationChangeProps } from "../../common/products/typings";
 
 interface Props {
-  handleSubmit?: any;
+  handleSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
   paymentGateways?: any;
   shippingMethods?: any;
   onLocationChange: (props: LocationChangeProps) => void;

src/pages/index.tsx

@@ -47,6 +47,7 @@ import PageView from "../components/pageView/PageView";
 import { PageProps } from "../services/pageApi/pageApi";
 import { getMultipleSingleProducts } from "../services/productApi/singleProductApi";
 import { calculateShoppingCartPrice } from "../services/pricing/pricing";
+import { buildOrder } from "../services/orderApi/helpers";
 
 interface Props extends InjectedFormProps {
   categories: CategoryProps[];
@@ -189,6 +190,17 @@ class IndexPage extends React.Component<Props, State> {
     });
   };
 
+  handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault();
+
+    const { formValues } = this.props;
+    const { productsInCart } = this.state;
+
+    const order = buildOrder(formValues, productsInCart);
+
+    console.log("handleSubmit", order);
+  };
+
   render() {
     const { menuItems, categories, formValues } = this.props;
     const { navRouting } = this.state;
@@ -267,6 +279,7 @@ class IndexPage extends React.Component<Props, State> {
               !this.state.productsInCart ? undefined : this.state.productsInCart
             }
             onLocationChange={this.handleLocationChange}
+            handleSubmit={this.handleSubmit}
           />
         )}
 
@@ -276,6 +289,7 @@ class IndexPage extends React.Component<Props, State> {
               !this.state.productsInCart ? undefined : this.state.productsInCart
             }
             onLocationChange={this.handleLocationChange}
+            handleSubmit={this.handleSubmit}
           />
         )}