BOD-16 BOD-17 Added Contract detail pages + custom form components for courtesy cars.

client/src/pages/contract-create/contract-create.page.container.jsx

@@ -8,6 +8,7 @@ import { Form, notification } from "antd";
 import { useTranslation } from "react-i18next";
 import { INSERT_NEW_CONTRACT } from "../../graphql/cccontracts.queries";
 import { useMutation } from "@apollo/react-hooks";
+import { useHistory } from "react-router-dom";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
@@ -17,8 +18,8 @@ export function ContractCreatePageContainer({ bodyshop }) {
   const { t } = useTranslation();
   const selectedCarState = useState(null);
   const selectedJobState = useState(null);
-
   const [insertContract] = useMutation(INSERT_NEW_CONTRACT);
+  const history = useHistory();
 
   const handleFinish = values => {
     if (!!selectedCarState[0] && !!selectedJobState[0]) {
@@ -35,8 +36,18 @@ export function ContractCreatePageContainer({ bodyshop }) {
           notification["success"]({
             message: t("contracts.successes.saved")
           });
+
+          history.push(
+            `/manage/courtesycars/contracts/${response.data.insert_cccontracts.returning[0].id}`
+          );
         })
-        .catch(error => console.log("error", error));
+        .catch(error =>
+          notification["error"]({
+            message: t("contracts.errors.saving", {
+              error: JSON.stringify(error)
+            })
+          })
+        );
     } else {
       notification["error"]({
         message: t("contracts.errors.selectjobandcar")
@@ -50,7 +61,6 @@ export function ContractCreatePageContainer({ bodyshop }) {
 
   return (
     <Form form={form} autoComplete="no" onFinish={handleFinish}>
-      <button onClick={() => console.log(form.getFieldsValue())}>t</button>
       <ContractCreatePageComponent
         selectedJobState={selectedJobState}
         selectedCarState={selectedCarState}