16951 mail notification subscribe

components/search/searchresults.js

@@ -110,23 +110,24 @@ const SearchResults = (props) => {
             "pinswg_WatchedCase@odata.bind": "/incidents(" + incidentID + ")",
             "pinswg_Contact@odata.bind": "/contacts(" + loggedInUser + ")",
             "pinswg_appealcasetype": +appealType,
+            "pinswg_emailnotifications": true,
         };
 
         console.log("Email signed up");
-        // createWatchedCases(updateBody)
+        createWatchedCases(updateBody)
-        //     .then((data) => data)
+            .then((data) => data)
-        //     .then(() => {
+            .then(() => {
-        //         getWatchedCasesProxy(props.accountDetails.loggedinUserId).then(
+                getWatchedCasesProxy(props.accountDetails.loggedinUserId).then(
-        //             (data) => {
+                    (data) => {
-        //                 setWatchedCases(data),
+                        setWatchedCases(data),
-        //                     getDetailsProxy(data, "myWatchedCases").then(
+                            getDetailsProxy(data, "myWatchedCases").then(
-        //                         (data) => {
+                                (data) => {
-        //                             setWatchedCasesDetails(data);
+                                    setWatchedCasesDetails(data);
-        //                         }
+                                }
-        //                     );
+                            );
-        //             }
+                    }
-        //         );
+                );
-        //     });
+            });
     };
 
     const isWatchedCase = (whichIncident) => {
@@ -143,6 +144,19 @@ const SearchResults = (props) => {
         return isWatched;
     };
 
+    const isEmailSignUp = (whichIncident) => {
+        let isEmail = jsonpath({
+            path:
+                "$..value[?(@ && @._pinswg_watchedcase_value=='" +
+                whichIncident +
+                "' && @.pinswg_emailnotifications==true)]",
+
+            json: watchedCases,
+            eval: true,
+        });
+        return isEmail;
+    };
+
     const isEmailNotifications = (whichIncident) => {
         let isWatched = jsonpath({
             path:
@@ -643,6 +657,32 @@ const SearchResults = (props) => {
                                                     <span className="eye"></span>
                                                 </button>
                                             )}
+                                            {isEmailSignUp(item.incidentid)
+                                                .length >
+                                                0 ==
+                                            true ? (
+                                                <button
+                                                    className="govuk-summary-list__actionLink mailLink watched_link"
+                                                    title="Unsubscribe to email updates"
+                                                    onClick={() => {
+                                                        confirm(
+                                                            " Do you want to unsubscribe to email updates for " +
+                                                                item.title +
+                                                                "?"
+                                                        ) &&
+                                                            deleteItem(
+                                                                isEmailSignUp(
+                                                                    item.incidentid
+                                                                )[0]
+                                                                    .pinswg_watchlistid,
+
+                                                                "watchedCases"
+                                                            );
+                                                    }}
+                                                >
+                                                    <span className="mailicon icon"></span>
+                                                </button>
+                                            ) : (
                                                 <button
                                                     className="govuk-summary-list__actionLink mailLink"
                                                     title="Email about changes"
@@ -653,10 +693,12 @@ const SearchResults = (props) => {
                                                                 "?"
                                                         ) &&
                                                             selectEmailNotifications(
-                                                            props.accountDetails
+                                                                props
+                                                                    .accountDetails
                                                                     .accountDetails
                                                                     .emailaddress1,
-                                                            props.accountDetails
+                                                                props
+                                                                    .accountDetails
                                                                     .loggedinUserId,
                                                                 item.incidentid,
                                                                 item.pinswg_appealcasetype
@@ -665,6 +707,7 @@ const SearchResults = (props) => {
                                                 >
                                                     <span className="mailicon icon"></span>
                                                 </button>
+                                            )}
                                         </dd>
                                     )}
 

styles/sass/welshgov/_application.scss

@@ -2403,7 +2403,18 @@ ul#sharePageLinks.active {
     }
 }
 
+
+
+
+
+dd.govuk-summary-list__value.govuk-\!-font-size-14.govuk-summary-list__action {
+    display: flex;
+    flex-direction: column;
+    border: none
+}
+
 .govuk-summary-list__actionLink {
+
     border: 1px solid $red;
     padding: 5px;
     height: 20px;