Merged PR 1180: added props and included generic copy of state

added props and included generic copy of state

Related work items: #11347

components/myportal/mycases.js

@@ -22,6 +22,7 @@ const MyCases = (props) => {
                         showTopThree={props.myCases.myCases}
                         showDetails={props.myCases.myCasesDetails}
                         topThreeType={"myCases"}
+                        props={props}
                     />
                 </div>
                 {props.myCases.myCases["@odata.count"] > 3 && (

components/myportal/myrepresentations.js

@@ -25,6 +25,7 @@ const MyRepresentations = (props) => {
                             props.myRepresentations.myRepresentationsDetails
                         }
                         topThreeType={"myRepresentations"}
+                        props={props}
                     />
                 </div>
 

components/myportal/topthree.js

@@ -199,23 +199,29 @@ const TopThree = (props) => {
                                               showTopThreeArr[key].incidentid
                                         : router.locale == "cy"
                                         ? "/fymhorth/achos/" +
-                                          showTopThreeArr[key].pinswg_title
+                                          showTopThreeArr[key].pinswg_title +
+                                          "?key=" +
+                                          topThreeType
                                         : "/myportal/case/" +
-                                          showTopThreeArr[key].pinswg_title
+                                          showTopThreeArr[key].pinswg_title +
+                                          "?key=" +
+                                          topThreeType
                                 }
                                 className="govuk-link--no-underline"
                                 data-id={index}
                                 onClick={() => {
                                     setSearchResults(
-                                        props.props.watchedCases.watchedCases
+                                        props.props[topThreeType][topThreeType]
-                                    );
+                                    ),
                                         setSearchDetails(
-                                        props.props.watchedCases
+                                            props.props[topThreeType][
-                                            .watchedCasesDetails
+                                                topThreeType + "Details"
-                                    );
+                                            ]
+                                        ),
                                         setCurrentReference({
                                             "ticketnumber":
-                                            showTopThreeArr[key].ticketnumber,
+                                                showTopThreeArr[key]
+                                                    .ticketnumber,
                                             "currentReference":
                                                 topThreeType != "watchedCases"
                                                     ? topThreeType !=