show submitted reps on dashboard

components/myportal/watchedcases.js

@@ -12,23 +12,36 @@ const WatchedCases = (props) => {
     const { locale } = router;
     const { setCurrentView } = props;
 
+    let recordCountVar = props.myReps
+        ? props.watchedCases.mySubmittedReps
+        : props.watchedCases.watchedCases;
+
     return (
         <div className="card" id="my-watched-cases-card">
             <div className="card-body">
                 <h3 className="heading-small card-heading">
-                    {t("myportal:watchedcases-card-title")}
+                    {props.myReps
+                        ? "Submitted representations"
+                        : t("myportal:watchedcases-card-title")}
                 </h3>
                 <div className="cardModuleContainer">
                     <TopThree
-                        showTopThree={props.watchedCases.watchedCases}
+                        showTopThree={
+                            props.myReps
+                                ? props.watchedCases.mySubmittedReps
+                                : props.watchedCases.watchedCases
+                        }
                         showDetails={props.watchedCases.watchedCasesDetails}
                         topThreeType={"watchedCases"}
                         showLoginCheck={props.showLoginCheck}
                         currentView={props.currentView}
+                        myReps={props.myReps}
                     />
                 </div>
 
-                {props.watchedCases.watchedCases["@odata.count"] > 3 && (
+                {(props.myReps
+                    ? recordCountVar.length > 3
+                    : recordCountVar["@odata.count"] > 3) && (
                     <div className="cardVieAll">
                         <Link
                             href={
@@ -38,7 +51,6 @@ const WatchedCases = (props) => {
                                       "/fymhorth/gweldpopeth"
                                     : "/myportal/viewall"
                             }
-                            shallow
                             className="govuk-link--no-underline"
                             onClick={() => {
                                 setCurrentView({
@@ -51,9 +63,11 @@ const WatchedCases = (props) => {
                             {props.watchedCases.watchedCases["@odata.count"] +
                                 " cases"} */}
                             {t("myportal:viewall-link-count", {
-                                count: props.watchedCases.watchedCases[
-                                    "@odata.count"
-                                ],
+                                count: props.myReps
+                                    ? props.watchedCases.mySubmittedReps.length
+                                    : props.watchedCases.watchedCases[
+                                          "@odata.count"
+                                      ],
                             })}
                         </Link>
                     </div>