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

accessibility amends for my portal

Browse Source
This commit is contained in:
robbond
2024-02-19 16:53:22 +00:00
parent d09782aa41
commit cb5280b525
12 changed files with 44 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
actions/index.js
+1 -2
View File
@@ -878,8 +878,7 @@ export const getPortalModuleDetails = (appealType, caseReference) => {
export const getPortalModuleDetailsProxy = (appealType, caseReference) => { export const getPortalModuleDetailsProxy = (appealType, caseReference) => {
return axios return axios
.get( .get(
BASE_URL + "/api/endpoint/getportalmoduledetailsproxy_api?appealType=" +
"/api/endpoint/getportalmoduledetailsproxy_api?appealType=" +
appealType + appealType +
"&caseReference=" + "&caseReference=" +
caseReference caseReference
components/myportal/advancedsearch.js
+1 -1
View File
@@ -194,7 +194,7 @@ let AdvancedSearch = (props) => {
</label> </label>
{touched && error && ( {touched && error && (
<span <span
id="passport-issued-error" id={name + "-error"}
className="govuk-error-message" className="govuk-error-message"
> >
<span className="govuk-visually-hidden"> <span className="govuk-visually-hidden">
components/myportal/awaitingsubmission.js
+3 -4
View File
@@ -13,7 +13,7 @@ const AwaitingSubmission = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="awaiting-submission-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:awatitingsubmission-card-title")} {t("myportal:awatitingsubmission-card-title")}
@@ -46,10 +46,9 @@ const AwaitingSubmission = (props) => {
"viewName": "Awaiting Submission", "viewName": "Awaiting Submission",
"viewKey": "awaitingSubmission", "viewKey": "awaitingSubmission",
}); });
}}> }}
>
{t("myportal:viewall-link")} {t("myportal:viewall-link")}
</Link> </Link>
</div> </div>
)} )}
components/myportal/awaitingsubmissionfromblob.js
+3 -4
View File
@@ -177,8 +177,7 @@ const AwaitingSubmissionFromBlob = (props) => {
: showTopThreeArrDets[key]["pinswg_lpaname"] || ""} : showTopThreeArrDets[key]["pinswg_lpaname"] || ""}
</div> </div>
<div className=""> <div className="">
<span <button
href="#"
className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse " className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
onClick={() => { onClick={() => {
confirm( confirm(
@@ -196,14 +195,14 @@ const AwaitingSubmissionFromBlob = (props) => {
}} }}
> >
&mdash; &mdash;
</span> </button>
</div> </div>
</div> </div>
); );
}); });
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="awaiting-submission-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:awatitingsubmission-card-title")} {t("myportal:awatitingsubmission-card-title")}
components/myportal/dns.js
+3 -4
View File
@@ -16,7 +16,7 @@ export default function Dns() {
// : setShowSpinnerState(true); // : setShowSpinnerState(true);
// }; // };
return ( return (
<div className="card" id="casesearch-card"> <div className="card" id="dns-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("home:dns-card-title")} {t("home:dns-card-title")}
@@ -36,10 +36,9 @@ export default function Dns() {
// onClick={() => { // onClick={() => {
// spinnerState(); // spinnerState();
// }} // }}
className="govuk-button withChevron govuk-button-cta"> className="govuk-button withChevron govuk-button-cta"
>
{t("home:dns-card-button")} {t("home:dns-card-button")}
</Link> </Link>
</div> </div>
</div> </div>
components/myportal/makenewappeal.js
+1 -3
View File
@@ -8,7 +8,7 @@ export default function MakeNewAppeal() {
const router = useRouter(); const router = useRouter();
const { locale } = router; const { locale } = router;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="new-appeal-card">
<div className="card-body"> <div className="card-body">
<h2 className="govuk-heading-s"> <h2 className="govuk-heading-s">
{t("myportal:makenewappeal-card-title")} {t("myportal:makenewappeal-card-title")}
@@ -21,9 +21,7 @@ export default function MakeNewAppeal() {
</p> </p>
<div> <div>
<Link href={"/newappeal"} className="govuk-button"> <Link href={"/newappeal"} className="govuk-button">
{t("myportal:makenewappeal-card-button-label")} {t("myportal:makenewappeal-card-button-label")}
</Link> </Link>
</div> </div>
</div> </div>
components/myportal/mycases.js
+3 -4
View File
@@ -12,7 +12,7 @@ const MyCases = (props) => {
const { locale } = router; const { locale } = router;
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-cases-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:mycases-card-title")} {t("myportal:mycases-card-title")}
@@ -40,13 +40,12 @@ const MyCases = (props) => {
"viewName": "My Cases", "viewName": "My Cases",
"viewKey": "myCases", "viewKey": "myCases",
}); });
}}> }}
>
{t("myportal:viewall-link")}{" "} {t("myportal:viewall-link")}{" "}
{props.isLPA && {props.isLPA &&
props.myCases.myCases["@odata.count"] + props.myCases.myCases["@odata.count"] +
" appeals"} " appeals"}
</Link> </Link>
</div> </div>
)} )}
components/myportal/myrepresentations.js
+1 -1
View File
@@ -13,7 +13,7 @@ const MyRepresentations = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-representations-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:myrepresentations-card-title")} {t("myportal:myrepresentations-card-title")}
components/myportal/myrepresentationsfromblob.js
+1 -1
View File
@@ -13,7 +13,7 @@ const MyRepresentations = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-representations-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:myrepresentations-card-title")}dd {t("myportal:myrepresentations-card-title")}dd
components/myportal/topthree.js
+4 -5
View File
@@ -303,8 +303,7 @@ const TopThree = (props) => {
</div> </div>
{topThreeType == "watchedCases" && ( {topThreeType == "watchedCases" && (
<div className=""> <div className="">
<span <button
href="#"
className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse " className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
onClick={() => { onClick={() => {
confirm( confirm(
@@ -320,12 +319,12 @@ const TopThree = (props) => {
}} }}
> >
&mdash; &mdash;
</span> </button>
</div> </div>
)} )}
{topThreeType == "awaitingSubmission" && ( {topThreeType == "awaitingSubmission" && (
<div className=""> <div className="">
<span <button
className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse " className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
onClick={() => { onClick={() => {
confirm( confirm(
@@ -343,7 +342,7 @@ const TopThree = (props) => {
}} }}
> >
&mdash; &mdash;
</span> </button>
</div> </div>
)} )}
</div> </div>
components/myportal/watchedcases.js
+1 -1
View File
@@ -13,7 +13,7 @@ const WatchedCases = (props) => {
const { setCurrentView } = props; const { setCurrentView } = props;
return ( return (
<div className="card" id="casescomment-card"> <div className="card" id="my-watched-cases-card">
<div className="card-body"> <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:watchedcases-card-title")} {t("myportal:watchedcases-card-title")}
components/myportal/youraccount.js
+22 -19
View File
@@ -7,26 +7,28 @@ export default function YourAccount() {
const router = useRouter(); const router = useRouter();
const { locale } = router; const { locale } = router;
return <> return (
<div className="card" id="casescomment-card"> <>
<div className="card-body"> <div className="card" id="your-account-card">
<h3 className="heading-small card-heading"> <div className="card-body">
{t("myportal:yourdetails-card-title")} <h3 className="heading-small card-heading">
</h3> {t("myportal:yourdetails-card-title")}
<p className="govuk-body-s"> </h3>
{t("myportal:yourdetails-card-paragraph-one")} <p className="govuk-body-s">
</p> {t("myportal:yourdetails-card-paragraph-one")}
</p>
<div> <div>
<Link href="/account/personaldetails" className="govuk-button-secondary"> <Link
href="/account/personaldetails"
{t("myportal:yourdetails-card-link")} className="govuk-button-secondary"
>
</Link> {t("myportal:yourdetails-card-link")}
</Link>
</div>
</div> </div>
</div>
{/* <div className="card-body"> {/* <div className="card-body">
<h3 className="heading-small card-heading"> <h3 className="heading-small card-heading">
{t("myportal:changepassword-card-title")} {t("myportal:changepassword-card-title")}
</h3> </h3>
@@ -43,6 +45,7 @@ export default function YourAccount() {
</Link> </Link>
</div> </div>
</div> */} </div> */}
</div> </div>
</>; </>
);
} }