Merged PR 2237: refactor(newappeal): extract BuildSection presentation components (Slice 4)

refactor(newappeal): extract BuildSection presentation components (Slice 4) Related work items: #22583
2026-04-13 10:15:56 +00:00
parent d0f667ffbb
commit 869264b7fa
7 changed files with 123 additions and 109 deletions
@@ -0,0 +1,31 @@
+const ErrorSummary = ({ hasErrors, errorItems }) => {
+    return hasErrors ? (
+        <div
+            className="govuk-error-summary"
+            aria-labelledby="error-summary-title"
+            role="alert"
+            tabIndex="-1"
+            data-module="govuk-error-summary"
+        >
+            <h2 className="govuk-error-summary__title" id="error-summary-title">
+                The following fields have a problem :
+            </h2>
+            <div className="govuk-error-summary__body">
+                <ul className="govuk-list govuk-error-summary__list">
+                    {errorItems.map((item, i) => (
+                        <li key={i}>
+                            <a href={"#" + item.field + "_label"}>
+                                {" "}
+                                {item.label}
+                            </a>
+                        </li>
+                    ))}
+                </ul>
+            </div>
+        </div>
+    ) : (
+        ""
+    );
+};
+
+export default ErrorSummary;