From fcb6f29b19d5f0f633f368756150c96185febdbb Mon Sep 17 00:00:00 2001
From: Pushpanjali Pawar <pushpanjalip55@gmail.com>
Date: Tue, 7 Jan 2020 14:16:36 +0100
Subject: [PATCH] Removed sort option for Visualization and log column in
 leaderboard

---
 .../Forms/Algorithm/AlgorithmSubmission.css   |  1 +
 .../LeaderboardHead/LeaderboardHead.tsx       | 36 ++++++++++---------
 2 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/src/components/Forms/Algorithm/AlgorithmSubmission.css b/src/components/Forms/Algorithm/AlgorithmSubmission.css
index 2fc532c..002a5bc 100644
--- a/src/components/Forms/Algorithm/AlgorithmSubmission.css
+++ b/src/components/Forms/Algorithm/AlgorithmSubmission.css
@@ -24,6 +24,7 @@
 .selectionContainer select {
   flex: 1;
   height: 30px;
+  font: 15px Lato, sans-serif
 }
 .selectionContainer {
   display: flex;
diff --git a/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx b/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx
index 9176d81..ebf2186 100644
--- a/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx
+++ b/src/components/Leaderboard/LeaderboardHead/LeaderboardHead.tsx
@@ -29,22 +29,25 @@ class Leaderboard extends React.Component<IProps, {}> {
         numeric: false,
         disablePadding: false,
         label: 'Name',
+        sortable: true,
       },
       {
         id: 'version',
         numeric: false,
         disablePadding: false,
         label: 'Version',
+        sortable: true,
       },
       ...this.props.metricFields.map((fieldName) => ({
         id: fieldName,
         numeric: true,
         disablePadding: false,
         label: fieldName,
+        sortable: true,
       })),
-      { id: 'visualization', numeric: false, disablePadding: false, label: 'Visualization' },
-      { id: 'date', numeric: false, disablePadding: false, label: 'Date' },
-      { id: 'log', numeric: false, disablePadding: false, label: 'Logs' },
+      { id: 'visualization', numeric: false, disablePadding: false, label: 'Visualization', sortable: false },
+      { id: 'date', numeric: false, disablePadding: false, label: 'Date', sortable: true },
+      { id: 'log', numeric: false, disablePadding: false, label: 'Logs', sortable: false },
     ];
 
     const { order, orderBy,
@@ -57,7 +60,6 @@ class Leaderboard extends React.Component<IProps, {}> {
     return (
       <TableHead>
         <TableRow>
-          {/*Commented for production  */}
           <TableCell padding="checkbox">
             <Checkbox
               indeterminate={numSelected > 0 && numSelected < rowCount}
@@ -75,19 +77,21 @@ class Leaderboard extends React.Component<IProps, {}> {
                 padding={row.disablePadding ? 'none' : 'default'}
                 sortDirection={orderBy === row.id ? order : false}
               >
-                <Tooltip
-                  title="Sort"
-                  placement={row.numeric ? 'bottom-end' : 'bottom-start'}
-                  enterDelay={300}
-                >
-                  <TableSortLabel
-                    active={orderBy === row.id}
-                    direction={order}
-                    onClick={this.createSortHandler(row.id)}
+                {row.sortable ?
+                  (<Tooltip
+                    title="Sort"
+                    placement={row.numeric ? 'bottom-end' : 'bottom-start'}
+                    enterDelay={300}
                   >
-                    {row.label}
-                  </TableSortLabel>
-                </Tooltip>
+                    <TableSortLabel
+                      active={orderBy === row.id}
+                      direction={order}
+                      onClick={this.createSortHandler(row.id)}
+                    >
+                      {row.label}
+                    </TableSortLabel>
+                  </Tooltip>) : row.label
+                }
               </TableCell>
             );
           }, this)}