added check answer summary & complete appeal step

components/newappeal/buildsection.js

@@ -6,6 +6,7 @@ import xpath from "xpath";
 import BuildRow from "./buildrow";
 import { reduxForm, formValueSelector } from "redux-form";
 import { useDispatch, useSelector, shallowEqual, connect } from "react-redux";
+import { setCurrentSection } from "../../store/appealType/action";
 
 let BuildSection = (props) => {
     // useEffect(() => {
@@ -17,9 +18,16 @@ let BuildSection = (props) => {
     const router = useRouter();
     const { locale } = router;
 
-    const { formXML, sectionCount, onSubmit, handleSubmit, formTitle } = props;
-    const [currentSection, setCurrentSection] = useState(1);
+    const {
+        formXML,
+        sectionCount,
+        onSubmit,
+        handleSubmit,
+        formTitle,
+        setCurrentSection,
+    } = props;
 
+    const currentSection = props.appealType.currentSection;
     const parser = new DOMParser();
     var doc = parser.parseFromString(props.formXML, "text/xml");
     var titles = xpath.select(
@@ -40,12 +48,6 @@ let BuildSection = (props) => {
 
     const handleParam = (setValue) => (e) => setValue(e.target.value);
 
-    const basicSearch = (event) => {
-        event.preventDefault();
-        console.log(query);
-        // /searchresults
-    };
-
     const onHandleSubmit = (values) => {
         setCurrentSection(currentSection + 1);
     };
@@ -76,6 +78,17 @@ let BuildSection = (props) => {
                         ) : (
                             ""
                         )}
+                        {props.sectionCount == currentSection ? (
+                            <button
+                                type="submit"
+                                className="govuk-button"
+                                data-module="govuk-button"
+                            >
+                                Submit
+                            </button>
+                        ) : (
+                            ""
+                        )}
                         {currentSection > 1 ? (
                             <a
                                 className="govuk-link"
@@ -128,16 +141,30 @@ let BuildSection = (props) => {
 
 const mapStateToProps = (state) => {
     return {
-        form: state.form,
+        search: state.search,
+        searchResultsObj: state.searchResultsObj,
+        formData: state.formData,
+        appealType: state.appealType,
+        //form: state.form,
     };
 };
 
-BuildSection = reduxForm({
-    // a unique name for the form
-    form: "sssappealForm",
-    destroyOnUnmount: false,
-})(BuildSection);
+const mapDispatchToProps = (dispatch) => {
+    return {
+        setCurrentSection: (currentSection) => {
+            dispatch(setCurrentSection(currentSection));
+        },
+    };
+};
 
 const selector = formValueSelector("appealForm"); // <-- same as form name
 
-export default connect(mapStateToProps)(BuildSection);
+export default connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(
+    reduxForm({
+        form: "appealForm",
+        destroyOnUnmount: false,
+    })(BuildSection)
+);