added in message queue for applications and reps

components/myportal/topthree_reps.js

@@ -1,27 +1,24 @@
-import Link from "next/link";
-import _ from "lodash";
-import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
-import { setCurrentReference } from "../../store/currentView/action";
-import { connect } from "react-redux";
+import Link from "next/link";
+import { useRouter } from "next/router";
 import { parseCookies } from "nookies";
+import { connect } from "react-redux";
 import {
-    getWatchedCasesProxy,
-    getPortalModuleDetailsProxy,
-    deleteWatchedCases,
     deleteAwaitingSubmissions,
+    deleteWatchedCases,
     getAwaitingSubmissionProxy,
+    getPortalModuleDetailsProxy,
+    getWatchedCasesProxy,
 } from "../../actions";
-import jsonpath from "jsonpath";
-import transLookup from "../../data/lookuptranslations.json";
-import {
-    setWatchedCases,
-    setWatchedCasesDetails,
-} from "../../store/watchedCases/action";
 import {
     setAwaitingSubmission,
     setAwaitingSubmissionDetails,
 } from "../../store/awaitingSubmission/action";
+import { setCurrentReference } from "../../store/currentView/action";
+import {
+    setWatchedCases,
+    setWatchedCasesDetails,
+} from "../../store/watchedCases/action";
 import { getFormCollectionByID } from "../utils";
 
 const TopThree = (props) => {
@@ -139,8 +136,16 @@ const TopThree = (props) => {
             <div className="cardModuleItem" key={index}>
                 <div className="cardModuleDetails">
                     <div className="cardModuleReference">
-                        <b>Representation ID:</b>
-                        <Link href="#">
+                        <b>Representation ID:</b>{" "}
+                        <Link
+                            // href={{
+                            //     pathname: "/myportal/representation",
+                            //     query: {
+                            //         case: showTopThreeArr[key].casereference,
+                            //     },
+                            // }}
+                            href="#"
+                        >
                             <a
                                 className="govuk-link--no-underline"
                                 data-id={index}
@@ -175,7 +180,8 @@ const TopThree = (props) => {
                         </Link>
                     </div>
                     <div className="cardModuleReference">
-                        <b>{t("myportal:case-reference")}:</b>{" "}
+                        <b>{t("myportal:case-reference")}:</b>
+                        {"  "}
                         {showTopThreeArr[key].casereference}
                     </div>
                 </div>