added in date raised on myportal cards

components/myportal/topthree.js

@@ -46,6 +46,22 @@ const TopThree = (props) => {
 
     let showTopThreeArr = showTopThree.value;
 
+    Object.keys(showTopThreeArr).map((key, index) => {
+        let createdDate = parseInt(showTopThreeArr[key].createdon);
+        showTopThreeArr[key].createdDate = createdDate;
+    });
+
+    showTopThreeArr.sort(function compare(a, b) {
+        var dateA = new Date(a.createdDate);
+        var dateB = new Date(b.createdDate);
+        return dateB - dateA;
+    });
+
+    const raisedDate = (datePart) => {
+        var dateObj = new Date(datePart);
+        return dateObj.toLocaleString();
+    };
+
     const deleteItem = (caseID, topThreeType) => {
         let cookies = parseCookies();
         //console.log("sssss", caseID, topThreeType);
@@ -209,7 +225,6 @@ const TopThree = (props) => {
                                   ]}{" "}
                         </Link>
                     </div>
-
                     {/* {(topThreeType == "awaitingSubmission" ||
                         topThreeType == "watchedCases") && ( */}
                     <div>
@@ -254,7 +269,6 @@ const TopThree = (props) => {
                                         .pinswg_siteaddresstown
                                   : "")}
                     </div>
-
                     {showTopThreeArr[key].pinswg_appellantagent != null && (
                         <div>
                             {showTopThreeArr[key].pinswg_appellantagent !=
@@ -280,7 +294,6 @@ const TopThree = (props) => {
                                 showTopThreeArr[key].pinswg_appellantlastname}
                         </div>
                     )}
-
                     {router.locale == "cy"
                         ? jsonpath(
                               '$..[?(@.value=="' +
@@ -300,6 +313,11 @@ const TopThree = (props) => {
                     ) : (
                         ""
                     )}
+                    <div className="cardModuleReference">
+                        <b>{t("myportal:date-raised")}:</b>
+                        {"  "}
+                        {raisedDate(showTopThreeArr[key].createdon)}
+                    </div>{" "}
                 </div>
                 {topThreeType == "watchedCases" && (
                     <div className="">