feat: added titles to columns in leaderboard

Nikhilh26 · Dec 24, 2023 · c184626 · c184626
1 parent 5cb12f2
commit c184626
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/components/Ratings/LeaderBoard.js b/src/components/Ratings/LeaderBoard.js
@@ -24,46 +24,49 @@ const columns = [
         name: "Rank",
         key: "rank",
         sort: 0,
-        align: "center",
+        align: "center"
     },
     {
         name: "Who",
         key: "who",
         sort: 0,
-        align: "left",
+        align: "left"
     },
     {
         name: "#",
         key: "count",
         sort: 0,
         align: "center",
+        desc: 'number of contests participated'
     },
     {
         name: "Previous Rank",
         key: "prevRank",
         sort: 1,
         sortkey: 0,
-        align: "center",
+        align: "center"
     },
     {
         name: "Δ",
         key: "delta",
         sort: 1,
         sortkey: 1,
         align: "center",
+        desc: 'rating change'
     },
     {
         name: "=",
         key: "rating",
         sort: 1,
         sortkey: 2,
         align: "center",
+        desc: 'current rating'
     },
     {
         name: null,
         key: "change",
         sort: 0,
-        align: "center",
+        align: "center"
     }
 ];
 
@@ -209,7 +212,12 @@ function LeaderBoard({ arrangedData }) {
                                 {columns.map((column, i) => {
                                     return (
                                         <TableCell align={column.align} key={i}>
-                                            <Typography sx={{ fontWeight: "700", fontSize: "1.1em" }}>{column.name}</Typography>
+                                            <Typography 
+                                                sx={{ fontWeight: "700", fontSize: "1.1em" }} 
+                                                title={column.desc}
+                                            >
+                                                {column.name}
+                                            </Typography>
                                         </TableCell>
                                     );
                                 })}