126 lines
5.4 KiB
JavaScript
126 lines
5.4 KiB
JavaScript
import { JSONPath as jsonpath } from "jsonpath-plus";
|
|
import useTranslation from "next-translate/useTranslation";
|
|
import { useRouter } from "next/router";
|
|
import { hasOwn } from "../../utils";
|
|
|
|
const RepDetails = (props) => {
|
|
let { t } = useTranslation();
|
|
|
|
const router = useRouter();
|
|
const { locale } = router;
|
|
|
|
const { currentType, casesObj, appealType } = props;
|
|
|
|
let { caseReference, ticketnumber } = props;
|
|
|
|
let setCaseDetailsObj = router.query.hasOwnProperty("state")
|
|
? router.query.state == "edit"
|
|
? props.myRepresentations.myRepresentations
|
|
: props.searchResultsObj.searchDetailsObj
|
|
: props.currentType == "watchedCases"
|
|
? props.props.props.props.watchedCases.watchedCasesDetails
|
|
: props.props.props.searchResultsObj.searchDetailsObj;
|
|
|
|
var detailsObj = {};
|
|
|
|
caseReference = router.query.hasOwnProperty("state")
|
|
? router.query.state == "edit"
|
|
? router.query.case
|
|
: caseReference
|
|
: caseReference;
|
|
|
|
detailsObj = jsonpath({
|
|
path: '$..[?(@ && @.ticketnumber=="' + ticketnumber + '")]',
|
|
json: setCaseDetailsObj,
|
|
eval: true
|
|
});
|
|
|
|
detailsObj = detailsObj[0];
|
|
|
|
return (
|
|
<>
|
|
{" "}
|
|
<div className="govuk-grid-column-full">
|
|
<div id="rep-sumamry" className="govuk-grid-row">
|
|
<dl className="govuk-summary-list govuk-!-margin-bottom-9">
|
|
<div className="govuk-summary-list__row">
|
|
<dt className="govuk-summary-list__key">
|
|
{t("case:summary-applicant-label")}
|
|
</dt>
|
|
<dd className="govuk-summary-list__value">
|
|
{casesObj.appellantApplicant || ""}
|
|
{
|
|
detailsObj[
|
|
"_pinswg_appellant_value@OData.Community.Display.V1.FormattedValue"
|
|
]
|
|
}
|
|
</dd>
|
|
</div>
|
|
|
|
<div className="govuk-summary-list__row">
|
|
<dt className="govuk-summary-list__key">
|
|
{t("case:summary-site-address-label")}
|
|
</dt>
|
|
<dd className="govuk-summary-list__value">
|
|
{hasOwn(detailsObj, "pinswg_siteaddressline1")
|
|
? detailsObj.pinswg_siteaddressline1
|
|
: ""}
|
|
{hasOwn(
|
|
detailsObj,
|
|
"pinswg_siteaddressline1"
|
|
) &&
|
|
detailsObj.pinswg_siteaddressline1 !=
|
|
null && <br />}
|
|
{hasOwn(detailsObj, "pinswg_siteaddressline2")
|
|
? detailsObj.pinswg_siteaddressline2
|
|
: ""}
|
|
{hasOwn(
|
|
detailsObj,
|
|
"pinswg_siteaddressline2"
|
|
) &&
|
|
detailsObj.pinswg_siteaddressline2 !=
|
|
null && <br />}
|
|
{hasOwn(detailsObj, "pinswg_siteaddresstown")
|
|
? detailsObj.pinswg_siteaddresstown
|
|
: ""}
|
|
{hasOwn(detailsObj, "pinswg_siteaddresstown") &&
|
|
detailsObj.pinswg_siteaddresstown !=
|
|
null && <br />}
|
|
{hasOwn(detailsObj, "pinswg_siteaddresscounty")
|
|
? detailsObj.pinswg_siteaddresscounty
|
|
: ""}
|
|
{hasOwn(
|
|
detailsObj,
|
|
"pinswg_siteaddresscounty"
|
|
) &&
|
|
detailsObj.pinswg_siteaddresscounty !=
|
|
null && <br />}
|
|
{hasOwn(
|
|
detailsObj,
|
|
"pinswg_siteaddresspostcode"
|
|
)
|
|
? detailsObj.pinswg_siteaddresspostcode
|
|
: ""}
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
<div className="govuk-grid-row">
|
|
<p className="govuk-body">
|
|
{appealType == 846040002
|
|
? t("myrepresentations:sips-capacity-para-one")
|
|
: t("myrepresentations:capacity-para-one")}
|
|
</p>
|
|
<p className="govuk-body">
|
|
{appealType == 846040002
|
|
? t("myrepresentations:sips-capacity-para-two")
|
|
: t("myrepresentations:capacity-para-two")}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default RepDetails;
|