added check answer summary & complete appeal step

pages/_error.js

@@ -0,0 +1,16 @@
+function Error({ statusCode }) {
+    return (
+        <p>
+            {statusCode
+                ? `An error ${statusCode} occurred on server`
+                : "An error occurred on client"}
+        </p>
+    );
+}
+
+Error.getInitialProps = ({ res, err }) => {
+    const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+    return { statusCode };
+};
+
+export default Error;

pages/newappeal/[appealtypes].js

@@ -14,7 +14,6 @@ import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 import jsonpath from "jsonpath";
 import { useEffect } from "react";
-
 import {
     setAppealType,
     setAppealTypeTitle,
@@ -25,14 +24,17 @@ import { setForm, getFormObj } from "../../store/formData/action";
 import { getFormData, getAppealsTypes } from "../../actions";
 
 import xpath from "xpath";
-import { reduxForm } from "redux-form";
+import { reduxForm, FormName } from "redux-form";
 
 import BuildSection from "../../components/newappeal/buildsection";
+import BuildCheckSection from "../../components/newappeal/buildchecksection";
+import CompleteAppeal from "../../components/newappeal/complete";
 
 let Home = (props) => {
     useEffect(() => {
         props.setFormTitle(formTitle);
     }, []);
+
     const { footerLinks, pages, formData } = props;
     let { t, lang } = useTranslation();
 
@@ -111,12 +113,26 @@ let Home = (props) => {
                     <Banner />
                     <Breadcrumbs slug={appealtypes} formTitle={formTitle} />
 
-                    <BuildSection
-                        formXML={formXML}
-                        sectionCount={sectionCount}
-                        onSubmit={onSubmit}
-                        formTitle={formTitle}
-                    />
+                    {props.appealType.currentSection == 9999 ? (
+                        <CompleteAppeal />
+                    ) : props.appealType.currentSection == sectionCount + 1 ? (
+                        <BuildCheckSection
+                            formXML={formXML}
+                            sectionCount={sectionCount}
+                            onSubmit={onSubmit}
+                            formTitle={formTitle}
+                            appealType={props.appealType}
+                            props={props}
+                        />
+                    ) : (
+                        <BuildSection
+                            formXML={formXML}
+                            sectionCount={sectionCount}
+                            onSubmit={onSubmit}
+                            formTitle={formTitle}
+                            props={props}
+                        />
+                    )}
                 </div>
                 <Footer footerLinks={footerLinks} />
             </div>
@@ -140,28 +156,6 @@ export const getServerSideProps = wrapper.getServerSideProps(
         }
 );
 
-// export const getServerSideProps = wrapper.getServerSideProps(
-//     async ({ locale, store, query, req, res }) => {
-//         //     const token = await getToken();
-//         //     let accessToken = token.access_token;
-
-//         //     const apiRoot = process.browser ? window.API_ROOT : process.env.API_ROOT;
-
-//         //     const [pages, footerLinks, courseListContent] = await Promise.all([
-//         //       await getPages(accessToken, locale),
-//         //       await getFooterLinks(accessToken, locale),
-//         //       await getCourseList(accessToken, locale),
-//         //     ]);
-//         //     //const courseID = await getCourseID
-//         //     store.dispatch(setApiRoot(apiRoot));
-//         //     store.dispatch(setPages(pages));
-//         //     store.dispatch(setFooterLinks(footerLinks));
-//         //     store.dispatch(setCourseListContent(courseListContent));
-//         console.log(query);
-//         //store.dispatch(setSearch(query.search));
-//     }
-// );
-
 const mapStateToProps = (state) => {
     return {
         search: state.search,