refactor(representations): decompose representation flow shell into form stage and timetable panel (Slice R4, behaviour-preserving)

2026-04-20 13:27:53 +01:00
parent ebed61799e
commit d36a56c4c9
4 changed files with 134 additions and 55 deletions
@@ -0,0 +1,49 @@
+const RepresentationTimetablePanel = ({
+    t,
+    appealIsConsultation,
+    appealIsLocalImpact,
+    renderDueDate,
+    renderStatementsDue,
+    renderMarineImpact,
+    renderConsultationClose,
+    renderFinalCommentsDue,
+    isQuestionnaire,
+    whichProgress
+}) => {
+    return (
+        <div className="govuk-grid-column-one-quarter">
+            <div className="card">
+                <div className="card-body">
+                    <h2 className="govuk-heading-s">
+                        {t("myrepresentations:timetable-title")}
+                    </h2>
+                    <div className="govuk-summary-list">
+                        <div className="govuk-body-s">
+                            {appealIsLocalImpact
+                                ? t("myrepresentations:local-impact-report")
+                                : t(
+                                      "myrepresentations:questionnaire-due-label"
+                                  )}
+                            :{" "}
+                            <span className="govuk-body-s">
+                                {renderDueDate()}
+                            </span>
+                        </div>
+
+                        {!appealIsConsultation && renderStatementsDue()}
+
+                        {renderMarineImpact()}
+
+                        {renderConsultationClose()}
+
+                        {renderFinalCommentsDue()}
+                    </div>
+                </div>
+            </div>
+
+            {isQuestionnaire && whichProgress()}
+        </div>
+    );
+};
+
+export default RepresentationTimetablePanel;