updated watched cases with language and confirm

components/myportal/awaitingsubmissionfromblob.js

@@ -92,10 +92,9 @@ const AwaitingSubmissionFromBlob = (props) => {
                                         showTopThreeArr[key]
                                             .pinswg_appealcasetype,
                                 });
-                            }}>
-
+                            }}
+                        >
                             {showTopThreeArr[index].pinswg_name}
-
                         </Link>
                     </div>
                     <div>
@@ -174,23 +173,26 @@ const AwaitingSubmissionFromBlob = (props) => {
                         : showTopThreeArrDets[key]["pinswg_lpaname"] || ""}
                 </div>
                 <div className="">
-                    <a
+                    <span
                         href="#"
                         className=" cardModuleRemoveCase govuk-link govuk-link--no-underline govuk-link--inverse "
                         onClick={() => {
-                            event.preventDefault();
-                            deleteCaseItem(
-                                props.containerID,
-                                showTopThreeArr[key].pinswg_name
-                            );
-                            alert(
-                                "You have deleted case " +
+                            confirm(
+                                t("case:do-you-want-to-delete-case-label") +
+                                    showTopThreeArr[key].pinswg_name +
+                                    "?\n" +
+                                    t(
+                                        "case:do-you-want-to-delete-case-disclaimer-label"
+                                    )
+                            ) &&
+                                deleteCaseItem(
+                                    props.containerID,
                                     showTopThreeArr[key].pinswg_name
-                            );
+                                );
                         }}
                     >
                         &mdash;
-                    </a>
+                    </span>
                 </div>
             </div>
         );
@@ -226,10 +228,9 @@ const AwaitingSubmissionFromBlob = (props) => {
                                     "viewName": "Awaiting Submission",
                                     "viewKey": "awaitingSubmissionDetails",
                                 });
-                            }}>
-
+                            }}
+                        >
                             {t("myportal:viewall-link")}
-
                         </Link>
                     </div>
                 )}