implement leaderboard functionality

client/actions/leaderboard.js

+import Axios from 'axios'
+
+export async function fetchLeaderboard() {
+    const url = `http://localhost:8000/api/user/getSortedUsers`
+    try {
+      const response = await Axios.get(url)
+      const data = response.data
+      console.log('Leaderboard Users:',data);
+      return data
+    } catch (err) {
+      console.log('REST error: ', err);
+      return err;
+    }
+  }
\ No newline at end of file

client/pages/portfolio/index.js

-import React from 'react'
+import React, { useEffect,useState } from 'react'
 import { Button, Container, Grid, Icon, Typography } from '@material-ui/core'
 import { makeStyles } from '@material-ui/core'
 import Header from '../../components/layout/header'
 import LeaderBoardTable from '../../components/portfolio/leaderboard-table/leaderboard-table'
 import PortfolioGenerateDialog from '../../components/portfolio/portfolio-generate-dialog/portfolio-generate-dialog'
+import { fetchLeaderboard } from '../../actions/leaderboard'
 
 
 const useStyles = makeStyles((theme) => ({
@@ -33,6 +34,7 @@ export default function LeaderBoard() {
   
   const classes = useStyles()
   const [open, setOpen] = React.useState(false);
+  const [leaderboardData, setLeaderboardData] = useState([]);
 
   const handleClickOpen = () => {
     setOpen(true);
@@ -41,7 +43,16 @@ export default function LeaderBoard() {
   const handleClose = () => {
     setOpen(false);
   };
-
+  
+  useEffect(() => {
+    console.log('Finishes loading.....')
+    const fetchLeaderData = async () => {
+      const response=await fetchLeaderboard();
+      console.log('res12',response);
+      setLeaderboardData(response);
+    }
+    fetchLeaderData();
+  }, [])
   
 
   return (
@@ -77,7 +88,7 @@ export default function LeaderBoard() {
         <Typography variant="h3" component="h1" gutterBottom>
           LeaderBoard
         </Typography>
-        <LeaderBoardTable></LeaderBoardTable>
+        <LeaderBoardTable data={leaderboardData}></LeaderBoardTable>
       </Container>
       <PortfolioGenerateDialog open={open} handleClose={handleClose} ></PortfolioGenerateDialog>
     </div>