copied watchcase to search state so doesnt lose details

components/myportal/topthree.js

@@ -23,6 +23,10 @@ import {
     setAwaitingSubmissionDetails,
 } from "../../store/awaitingSubmission/action";
 import { getFormCollectionByID } from "../../components/utils";
+import {
+    setSearchDetails,
+    setSearchResults,
+} from "../../store/searchOutput/action";
 
 const TopThree = (props) => {
     let { t } = useTranslation();
@@ -36,6 +40,8 @@ const TopThree = (props) => {
         setWatchedCasesDetails,
         setAwaitingSubmission,
         setAwaitingSubmissionDetails,
+        setSearchResults,
+        setSearchDetails,
         showLoginCheck,
     } = props;
 
@@ -198,6 +204,13 @@ const TopThree = (props) => {
                                 className="govuk-link--no-underline"
                                 data-id={index}
                                 onClick={() => {
+                                    setSearchResults(
+                                        props.props.watchedCases.watchedCases
+                                    ),
+                                        setSearchDetails(
+                                            props.props.watchedCases
+                                                .watchedCasesDetails
+                                        );
                                     setCurrentReference({
                                         "ticketnumber":
                                             showTopThreeArr[key].ticketnumber,
@@ -453,6 +466,12 @@ const mapDispatchToProps = (dispatch) => {
         setAwaitingSubmissionDetails: (awaitingSubmissionDetails) => {
             dispatch(setAwaitingSubmissionDetails(awaitingSubmissionDetails));
         },
+        setSearchResults: (searchResults) => {
+            dispatch(setSearchResults(searchResults));
+        },
+        setSearchDetails: (searchDetails) => {
+            dispatch(setSearchDetails(searchDetails));
+        },
     };
 };