From 812df8779e775e56d3da0354687ce67c51ba6123 Mon Sep 17 00:00:00 2001
From: eulaliee <52575560+eulaliee@users.noreply.github.com>
Date: Tue, 15 Oct 2024 14:57:03 +0300
Subject: [PATCH] added points to table

---
 .../AutID/AutHub/AutHubContributionsTable.tsx | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/pages/AutID/AutHub/AutHubContributionsTable.tsx b/src/pages/AutID/AutHub/AutHubContributionsTable.tsx
index a2cf459..abb0b3d 100644
--- a/src/pages/AutID/AutHub/AutHubContributionsTable.tsx
+++ b/src/pages/AutID/AutHub/AutHubContributionsTable.tsx
@@ -36,11 +36,11 @@ const StyledTableCell = styled(TableCell)(({ theme }) => ({
     color: theme.palette.common.white,
     borderColor: "#576176",
     padding: theme.spacing(3),
-    "&:nth-of-type(2)": {
-      padding: `${theme.spacing(3)} 0 ${theme.spacing(3)} ${theme.spacing(3)}`
+    "&:nth-of-type(4)": {
+      padding: `${theme.spacing(3)} ${theme.spacing(1)} ${theme.spacing(3)} ${theme.spacing(3)}`
     },
-    "&:nth-of-type(3)": {
-      padding: `${theme.spacing(3)} ${theme.spacing(3)} ${theme.spacing(3)} 0`
+    "&:nth-of-type(5)": {
+      padding: `${theme.spacing(3)} ${theme.spacing(3)} ${theme.spacing(3)} ${theme.spacing(1)}`
     }
   }
 }));
@@ -106,8 +106,11 @@ const TableListItem = memo((data: any) => {
             width: "10%"
           },
           "&:nth-of-type(5)": {
-            width: "20%"
+            width: "10%"
           },
+          "&:nth-of-type(6)": {
+            width: "10%"
+          }
         }
       }}
     >
@@ -134,6 +137,11 @@ const TableListItem = memo((data: any) => {
           </Typography>
         </Box>
       </StyledTableCell>
+      <StyledTableCell align="left">
+        <Typography variant="body" fontWeight="normal" color="white">
+          {`${row?.properties?.points || 0} ${row?.properties?.points === 1 ? "pt" : "pts"}`}
+        </Typography>
+      </StyledTableCell>
       <StyledTableCell align="left">
         <Box
           sx={{
@@ -289,6 +297,15 @@ export const AutHubTasksTable = ({ header }) => {
                   Type
                 </Typography>
               </StyledTableCell>
+              <StyledTableCell align="left">
+                <Typography
+                  variant="body"
+                  fontWeight="normal"
+                  color="offWhite.dark"
+                >
+                  Points
+                </Typography>
+              </StyledTableCell>
               <StyledTableCell align="left">
                 <Typography
                   variant="body"