accessibility amends for my portal

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