view all updates for reps

components/myportal/topthree_reps.js

@@ -38,9 +38,22 @@ const TopThree = (props) => {
     const { locale } = router;
 
     let topthreeRow = [];
-
     let showTopThreeArr = showTopThree.value;
 
+    Object.keys(showTopThreeArr).map((key, index) => {
+        let createdDate = parseInt(
+            showTopThreeArr[key].repfile_name.split("-")[3]
+        );
+        showTopThreeArr[key].createdDate = createdDate;
+    });
+
+    showTopThreeArr.sort(function compare(a, b) {
+        console.log(a.createdDate, b.createdDate);
+        var dateA = new Date(a.createdDate);
+        var dateB = new Date(b.createdDate);
+        return dateB - dateA;
+    });
+
     const deleteItem = (caseID, topThreeType) => {
         let cookies = parseCookies();
         //console.log("sssss", caseID, topThreeType);
@@ -135,13 +148,13 @@ const TopThree = (props) => {
         return dateObj.toLocaleString();
     };
 
-    let topThreeOnlyArr = showTopThreeArr; //.slice(0, 3);
+    let topThreeOnlyArr = showTopThreeArr.slice(0, 3);
     Object.keys(topThreeOnlyArr).map((key, index) => {
         topthreeRow.push(
             <div className="cardModuleItem" key={index}>
                 <div className="cardModuleDetails">
                     <div className="cardModuleReference">
-                        <b>{t("myportal:representation-id")}:</b>{" "}
+                        <b>{t("myportal:case-reference")}:</b>{" "}
                         <Link
                             href={{
                                 pathname: "/myportal/representation",
@@ -172,11 +185,6 @@ const TopThree = (props) => {
                             </a>
                         </Link>
                     </div>
-                    <div className="cardModuleReference">
-                        <b>{t("myportal:case-reference")}:</b>
-                        {"  "}
-                        {showTopThreeArr[key].caseRef}
-                    </div>
                     <div className="cardModuleReference">
                         <b>{t("myportal:representation-type")}:</b>
                         {"  "}
@@ -191,6 +199,11 @@ const TopThree = (props) => {
                         <b>{t("myportal:date-raised")}:</b>
                         {"  "}
                         {repRaisedDate(showTopThreeArr[key].repfile_name)}
+                    </div>{" "}
+                    <div className="cardModuleReference">
+                        <b>lpa:</b>
+                        {"  "}
+                        {repRaisedDate(showTopThreeArr[key].repfile_name)}
                     </div>
                 </div>
             </div>