added mock call for case view
This commit is contained in:
+78
-32
@@ -1,18 +1,38 @@
|
||||
import Link from "next/link";
|
||||
import { useRouter } from "next/router";
|
||||
import useTranslation from "next-translate/useTranslation";
|
||||
import jsonpath from "jsonpath";
|
||||
import _ from "lodash";
|
||||
|
||||
export default function CaseSummary() {
|
||||
const CaseSummary = (props) => {
|
||||
let { t } = useTranslation();
|
||||
|
||||
const router = useRouter();
|
||||
const { locale } = router;
|
||||
const {
|
||||
caseReference,
|
||||
myCases,
|
||||
myRepresentations,
|
||||
watchedCases,
|
||||
awaitingSubmission,
|
||||
currentType,
|
||||
} = props;
|
||||
|
||||
let setCaseQueryObj = props[currentType];
|
||||
|
||||
var casesObj = jsonpath.query(
|
||||
setCaseQueryObj,
|
||||
'$..[?(@.reference=="' + caseReference + '")]'
|
||||
);
|
||||
|
||||
casesObj = Object.assign({}, ...casesObj);
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div className="govuk-grid-row">
|
||||
<div className="govuk-grid-column-full">
|
||||
<h1 className="govuk-heading-xl govuk-!-margin-bottom-7">
|
||||
Reference: CAS-00010-J9W6L5
|
||||
Reference: {casesObj.reference}
|
||||
</h1>
|
||||
|
||||
<dl className="govuk-summary-list govuk-!-margin-bottom-9">
|
||||
@@ -21,7 +41,7 @@ export default function CaseSummary() {
|
||||
{t("case:summary-applicant-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Mr J Pocknell
|
||||
{casesObj.appellantApplicant}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -29,7 +49,7 @@ export default function CaseSummary() {
|
||||
{t("case:summary-agent-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Mr Cos Polito
|
||||
Mr A Agent
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -37,11 +57,12 @@ export default function CaseSummary() {
|
||||
{t("case:summary-site-address-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
72 Guild Street
|
||||
{casesObj.address1}
|
||||
<br />
|
||||
London
|
||||
{casesObj.town}
|
||||
|
||||
<br />
|
||||
SE23 6FH
|
||||
{casesObj.postcode}
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
@@ -55,11 +76,12 @@ export default function CaseSummary() {
|
||||
{t("case:summary-make-representation-label")}
|
||||
</a>
|
||||
</Link>
|
||||
<Link href="/advancedsearch">
|
||||
<a className="govuk-button govuk-button--secondary">
|
||||
{t("case:summary-back-button-label")}
|
||||
</a>
|
||||
</Link>
|
||||
<a
|
||||
onClick={() => router.back()}
|
||||
className="govuk-button govuk-button--secondary"
|
||||
>
|
||||
{t("case:summary-back-button-label")}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,7 +100,9 @@ export default function CaseSummary() {
|
||||
{t("case:summary-case-type-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Planning Appeal (W){" "}
|
||||
{casesObj[
|
||||
"pinswg_appealcasetype@OData.Community.Display.V1.FormattedValue"
|
||||
] || "N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -86,7 +110,7 @@ export default function CaseSummary() {
|
||||
{t("case:summary-lpa-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Hastings Borough Council
|
||||
{casesObj.lpaname}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -96,8 +120,7 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Erection of a two-storey chalet
|
||||
style detached dwelling
|
||||
{casesObj.caseDetails.caseSummary}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -108,7 +131,7 @@ export default function CaseSummary() {
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
{" "}
|
||||
Neale Oliver
|
||||
{casesObj.caseDetails.caseOfficer}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -116,7 +139,7 @@ export default function CaseSummary() {
|
||||
{t("case:summary-procedure-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Written representations
|
||||
{casesObj.caseDetails.procedure}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -124,7 +147,11 @@ export default function CaseSummary() {
|
||||
{t("case:summary-status-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
In Progress
|
||||
{
|
||||
casesObj[
|
||||
"statuscode@OData.Community.Display.V1.FormattedValue"
|
||||
]
|
||||
}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -132,10 +159,14 @@ export default function CaseSummary() {
|
||||
{t("case:summary-decision-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Allowed
|
||||
{casesObj.caseDetails.decision}
|
||||
<br />
|
||||
<Link href="/">
|
||||
<a>
|
||||
3272770 Appeal Decision.pdf
|
||||
{
|
||||
casesObj.caseDetails
|
||||
.outcome_document
|
||||
}
|
||||
</a>
|
||||
</Link>
|
||||
</dd>
|
||||
@@ -147,7 +178,10 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Not Linked
|
||||
{
|
||||
casesObj.caseDetails
|
||||
.caseLinkStatus
|
||||
}
|
||||
</dd>
|
||||
</div>
|
||||
<div className="govuk-summary-list__row">
|
||||
@@ -157,7 +191,7 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
0
|
||||
{casesObj.caseDetails.linkedCases}
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
@@ -176,7 +210,8 @@ export default function CaseSummary() {
|
||||
{t("case:summary-start-date-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
26-May-21
|
||||
{casesObj.caseDates.start_date ||
|
||||
"N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -187,7 +222,8 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
02-Jun-21
|
||||
{casesObj.caseDates
|
||||
.questionnaireDue || "N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -198,7 +234,8 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
30-Jun-21
|
||||
{casesObj.caseDates.statementsDue ||
|
||||
"N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -209,7 +246,9 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
30-Jun-21
|
||||
{casesObj.caseDates
|
||||
.interestedPartyCommentsdue ||
|
||||
"N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -220,7 +259,9 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
14-Jul-21
|
||||
{casesObj.caseDates
|
||||
.appellantLPAFinalCommentsdue ||
|
||||
"N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -231,7 +272,8 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
N/A
|
||||
{casesObj.caseDates
|
||||
.inquiryEvidenceDue || "N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -240,7 +282,8 @@ export default function CaseSummary() {
|
||||
{t("case:summary-event-date-label")}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Date arranged
|
||||
{casesObj.caseDates.eventDate ||
|
||||
"N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
|
||||
@@ -251,7 +294,8 @@ export default function CaseSummary() {
|
||||
)}
|
||||
</dt>
|
||||
<dd className="govuk-summary-list__value">
|
||||
Not yet decided
|
||||
{casesObj.caseDates.decisionDate ||
|
||||
"N/A"}
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
@@ -273,4 +317,6 @@ export default function CaseSummary() {
|
||||
</div> */}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
export default CaseSummary;
|
||||
|
||||
Reference in New Issue
Block a user