robbond/pedwfrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged PR 2278: mocked design for status tab

Browse Source 
mocked design for status tab

Related work items: #22805
This commit is contained in:
Robert Bond
2026-04-28 09:36:48 +00:00
parent b2945790b1
commit 843e6adee6
5 changed files with 200 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/case/summary.js
+26
View File
@@ -9,6 +9,7 @@ import transLookup from "../../data/lookuptranslations.json";
import Documents from "./documents";
import EventsDetails from "./events";
import MediaDetails from "./media";
import StatusDetails from "./status";
import {
createWatchedCases,
@@ -563,6 +564,21 @@ const CaseSummary = (props) => {
{t("case:summary-tab-documents-label")}
</a>
</li>
<li
className={
whichTab == "case-status"
? "govuk-tabs__list-item govuk-tabs__list-item--selected"
: "govuk-tabs__list-item "
}
>
<a
className="govuk-tabs__tab"
href="#case-status"
onClick={() => setWhichTab("case-status")}
>
{t("case:status-title")}
</a>
</li>
</ul>
<div
className={
@@ -1986,6 +2002,16 @@ const CaseSummary = (props) => {
showFilteredDocs={props.showFilteredDocs}
/>
</div>
<div
className={
whichTab == "case-status"
? "govuk-tabs__panel "
: "govuk-tabs__panel govuk-tabs__panel--hidden"
}
id="case-status"
>
<StatusDetails />
</div>
</div>
</div>
</>