From 07fd51455fbb12987b4b7679734960d9a13c7b72 Mon Sep 17 00:00:00 2001
From: Kartikay <kartikay_2101ce32@iitp.ac.in>
Date: Sun, 10 Dec 2023 15:01:05 +0530
Subject: [PATCH] Basic Table for txnHistory added

Signed-off-by: Kartikay <kartikay_2101ce32@iitp.ac.in>
---
 packages/site/src/pages/index.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/site/src/pages/index.tsx b/packages/site/src/pages/index.tsx
index b03f446..85d9994 100644
--- a/packages/site/src/pages/index.tsx
+++ b/packages/site/src/pages/index.tsx
@@ -197,11 +197,17 @@ const Index = () => {
   const [txnHistory, setTxnHistory] = useState([]);
 
   const milliToDate = (milli) => {
+    const monthNames = [
+      'January', 'February', 'March', 'April', 'May', 'June',
+      'July', 'August', 'September', 'October', 'November', 'December'
+    ];
+
     let numberString = milli.toString();
     let result = numberString.slice(0, -3);
     let resultNumber = parseFloat(result);
     const date = new Date(resultNumber);
-    return date.toString()
+    const time = date.getDate() + " " + monthNames[date.getMonth()] + " " +  date.getFullYear();
+    return time;
   }
   
   const handleOpen = () => {
@@ -579,7 +585,7 @@ const Index = () => {
                   onClick={handleGetAllTransactions}
                   style={{ backgroundColor: '#6F4CFF', color: 'white' }}
                 >
-                  ACTIVITY
+                  Transaction History
                 </Button>
                 <Dialog open={open} onClose={handleClose} maxWidth='md'>
                   <DialogContent >
@@ -589,7 +595,7 @@ const Index = () => {
                         <TableHead>
                           <TableRow>
                             <TableCell>Version</TableCell>
-                            <TableCell>Sender</TableCell>
+                            <TableCell>Hash</TableCell>
                             <TableCell>Value</TableCell>
                             <TableCell>Timestamp</TableCell>
                             {/* Add more table headers if needed */}
@@ -600,7 +606,7 @@ const Index = () => {
                           {txnHistory.map((txn, i) => (
                               <TableRow key={i}>
                                 <TableCell>{txn.version}</TableCell>
-                                <TableCell>{txn.sender}</TableCell>
+                                <TableCell>{txn.hash}</TableCell>
                                 <TableCell>{txn.events[0].data.amount}</TableCell>
                                 <TableCell>{milliToDate(txn.timestamp)}</TableCell>
                                 {/* Add more table cells with data */}