date fix for null dates

components/newappeal/buildcheckrow.js

@@ -34,6 +34,21 @@ let BuildCheckRow = (props) => {
         doc
     );
 
+    function formatDate(dateObj) {
+        var m = new Date(dateObj);
+        var dateString;
+        dateObj != null
+            ? (dateString =
+                  ("0" + m.getDate()).slice(-2) +
+                  "/" +
+                  ("0" + (m.getMonth() + 1)).slice(-2) +
+                  "/" +
+                  m.getFullYear())
+            : (dateString = "");
+
+        return dateString;
+    }
+
     return (
         <>
             {Object.keys(rowXML).map((key, index) => {
@@ -51,11 +66,16 @@ let BuildCheckRow = (props) => {
                             {rows[0].value}
                         </dt>
                         <dd className="govuk-summary-list__value">
-                            {
-                                props.props.form["appealForm"].values[
-                                    datafieldname[0].value
-                                ]
-                            }
+                            {fieldtype[0].value ==
+                            "{5B773807-9FB2-42db-97C3-7A91EFF8ADFF}"
+                                ? formatDate(
+                                      props.props.form["appealForm"].values[
+                                          datafieldname[0].value
+                                      ]
+                                  )
+                                : props.props.form["appealForm"].values[
+                                      datafieldname[0].value
+                                  ]}
                         </dd>
                         <dd className="govuk-summary-list__actions">
                             <a

components/newappeal/buildchecksection.js

@@ -67,7 +67,10 @@ let BuildCheckSection = (props) => {
                                 {titles[key].value}
                             </h2>
 
-                            <dl className="govuk-summary-list  govuk-!-margin-bottom-9">
+                            <dl
+                                className="govuk-summary-list  govuk-!-margin-bottom-9"
+                                key={key}
+                            >
                                 <BuildCheckRow
                                     formXML={formXML}
                                     whichSection={parseInt(key) + 1}

components/newappeal/buildsection.js

@@ -88,7 +88,7 @@ let BuildSection = (props) => {
                 //get label from error key - search rowxml for id = errorobj
 
                 errorList.push(
-                    <li>
+                    <li key={i}>
                         <a href={"#" + errorsobj[i] + "_label"}>
                             {" "}
                             {getErrorLabel(errorsobj[i])}

components/newappeal/createCase.js

@@ -82,7 +82,7 @@ let CreateCase = (props) => {
                     <div>
                         <select
                             {...input}
-                            className="govuk-select govuk-input--error"
+                            className="govuk-select govuk-!-width-one-half"
                             id="lpatypes"
                             name={name}
                             //onChange={(e) => props.onChangeSelectLPA(e)}
@@ -143,7 +143,7 @@ let CreateCase = (props) => {
                     <div>
                         <select
                             {...input}
-                            className="govuk-select"
+                            className="govuk-select govuk-!-width-one-half"
                             id="appealTypes"
                             name={name}
                             //onChange={(e) => props.onChangeSelectAppealType(e)}