cleared debug, updated new appeal add about you

components/newappeal/buildsection.js

@@ -16,8 +16,8 @@ import { getFormCollectionByID } from "../utils";
 import { updateCase, patchCase } from "../../actions";
 
 import { FieldsTranslations } from "../elements";
-
-import { query } from "jsonpath";
+import jsonpath from "jsonpath";
+import BuildProgress from "./buildprogress";
 
 let BuildSection = (props) => {
     // useEffect(() => {
@@ -60,6 +60,8 @@ let BuildSection = (props) => {
         doc
     );
 
+    var formObjXML = xpath.select("/form/tabs", doc);
+
     var titleList = xpath.select(
         "//form/tabs/tab[*]/labels/label/@description",
         doc
@@ -99,18 +101,11 @@ let BuildSection = (props) => {
             }
         });
 
-        console.log(updateBody);
+        //console.log(updateBody);
 
         let updateFormCollection = appTypeCollection.LogicalCollectionName;
         let primaryAttribute = appTypeCollection.PrimaryIdAttribute;
 
-        console.log(
-            incidentId,
-            updateBody,
-            updateFormCollection,
-            primaryAttribute,
-            props.appealType.caseReference.ticketnumber
-        );
         updateCase(
             incidentId,
             updateBody,
@@ -261,7 +256,16 @@ let BuildSection = (props) => {
             </div>
             <div className="govuk-grid-column-one-third">
                 <div className="at-nav-container">
-                    <nav
+                    <BuildProgress
+                        props={props}
+                        titleList={titleList}
+                        documentListObj={documentListObj}
+                        formObjXML={formXML}
+                        mandatoryFieldsData={mandatoryFieldsData}
+                        currentSection={currentSection}
+                        initialValues={props.initialValues}
+                    />
+                    {/* <nav
                         role="navigation"
                         aria-labelledby="progress-list"
                         className="at-nav"
@@ -347,12 +351,13 @@ let BuildSection = (props) => {
                                 </ul>
                             </ol>
                         </div>
-                    )}
+                    )} */}
                     <hr className="govuk-section-break govuk-section-break--m govuk-section-break--visible" />
                     <button
                         className="govuk-button govuk-button--secondary progress-save "
                         onClick={() => {
-                            let valuesObj = props.props.form[props.form].values;
+                            let valuesObj =
+                                props.props.form[props.form].values || {};
 
                             console.log("valuesobj:", valuesObj);