add extra bits to stat

src/components/pages/LeaderBoard.js

@@ -14,9 +14,8 @@ class LeaderBoard extends Component {
     return this.props.trainees
       .sort(
         (a, b) =>
-          Number(b.homework_bits) +
-          b.events_visited -
-          (Number(a.homework_bits) + a.events_visited)
+          (Number(b.homework_bits) + Number(b.events_visited) + Number(b.extra_bits)) -
+          (Number(a.homework_bits) + Number(a.events_visited) + Number(a.extra_bits))
       )
       .map((trainee) =>
         trainee.role === 'Student' ? (
@@ -24,10 +23,10 @@ class LeaderBoard extends Component {
             <Table.Cell textAlign="center">{trainee.full_name}</Table.Cell>
             <Table.Cell textAlign="center">{trainee.events_visited}</Table.Cell>
             <Table.Cell textAlign="center">
-              {Number(trainee.homework_bits)}
+              {Number(trainee.homework_bits) + Number(trainee.extra_bits)}
             </Table.Cell>
             <Table.Cell textAlign="center">
-              {Number(trainee.homework_bits) + trainee.events_visited}
+              {Number(trainee.homework_bits) + trainee.events_visited + Number(trainee.extra_bits)}
             </Table.Cell>
           </Table.Row>
         ) : null