accessibility amends for my portal

actions/index.js

@@ -878,7 +878,6 @@ export const getPortalModuleDetails = (appealType, caseReference) => {
 export const getPortalModuleDetailsProxy = (appealType, caseReference) => {
     return axios
         .get(
-            BASE_URL +
             "/api/endpoint/getportalmoduledetailsproxy_api?appealType=" +
                 appealType +
                 "&caseReference=" +

components/myportal/advancedsearch.js

@@ -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">

components/myportal/awaitingsubmission.js

@@ -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>
                 )}

components/myportal/awaitingsubmissionfromblob.js

@@ -177,8 +177,7 @@ const AwaitingSubmissionFromBlob = (props) => {
                         : showTopThreeArrDets[key]["pinswg_lpaname"] || ""}
                 </div>
                 <div className="">
-                    <span
+                    <button
-                        href="#"
                         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")}

components/myportal/dns.js

@@ -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>

components/myportal/makenewappeal.js

@@ -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>

components/myportal/mycases.js

@@ -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>
                 )}

components/myportal/myrepresentations.js

@@ -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")}

components/myportal/myrepresentationsfromblob.js

@@ -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

components/myportal/topthree.js

@@ -303,8 +303,7 @@ const TopThree = (props) => {
                 </div>
                 {topThreeType == "watchedCases" && (
                     <div className="">
-                        <span
+                        <button
-                            href="#"
                             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>

components/myportal/watchedcases.js

@@ -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")}

components/myportal/youraccount.js

@@ -7,8 +7,9 @@ export default function YourAccount() {
 
     const router = useRouter();
     const { locale } = router;
-    return <>
+    return (
-        <div className="card" id="casescomment-card">
+        <>
+            <div className="card" id="your-account-card">
                 <div className="card-body">
                     <h3 className="heading-small card-heading">
                         {t("myportal:yourdetails-card-title")}
@@ -18,10 +19,11 @@ export default function YourAccount() {
                     </p>
 
                     <div>
-                    <Link href="/account/personaldetails" className="govuk-button-secondary">
+                        <Link
-
+                            href="/account/personaldetails"
+                            className="govuk-button-secondary"
+                        >
                             {t("myportal:yourdetails-card-link")}
-
                         </Link>
                     </div>
                 </div>
@@ -44,5 +46,6 @@ export default function YourAccount() {
                 </div>
             </div> */}
             </div>
-    </>;
+        </>
+    );
 }