Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
2
2021-155
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
2021-155
2021-155
Commits
d80e42b9
Commit
d80e42b9
authored
Jul 06, 2021
by
Kamal Thennakoon
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
implement leaderboard functionality
parent
41c85c0d
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
28 additions
and
3 deletions
+28
-3
client/actions/leaderboard.js
client/actions/leaderboard.js
+14
-0
client/pages/portfolio/index.js
client/pages/portfolio/index.js
+14
-3
No files found.
client/actions/leaderboard.js
0 → 100644
View file @
d80e42b9
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
View file @
d80e42b9
import
React
from
'
react
'
import
React
,
{
useEffect
,
useState
}
from
'
react
'
import
{
Button
,
Container
,
Grid
,
Icon
,
Typography
}
from
'
@material-ui/core
'
import
{
Button
,
Container
,
Grid
,
Icon
,
Typography
}
from
'
@material-ui/core
'
import
{
makeStyles
}
from
'
@material-ui/core
'
import
{
makeStyles
}
from
'
@material-ui/core
'
import
Header
from
'
../../components/layout/header
'
import
Header
from
'
../../components/layout/header
'
import
LeaderBoardTable
from
'
../../components/portfolio/leaderboard-table/leaderboard-table
'
import
LeaderBoardTable
from
'
../../components/portfolio/leaderboard-table/leaderboard-table
'
import
PortfolioGenerateDialog
from
'
../../components/portfolio/portfolio-generate-dialog/portfolio-generate-dialog
'
import
PortfolioGenerateDialog
from
'
../../components/portfolio/portfolio-generate-dialog/portfolio-generate-dialog
'
import
{
fetchLeaderboard
}
from
'
../../actions/leaderboard
'
const
useStyles
=
makeStyles
((
theme
)
=>
({
const
useStyles
=
makeStyles
((
theme
)
=>
({
...
@@ -33,6 +34,7 @@ export default function LeaderBoard() {
...
@@ -33,6 +34,7 @@ export default function LeaderBoard() {
const
classes
=
useStyles
()
const
classes
=
useStyles
()
const
[
open
,
setOpen
]
=
React
.
useState
(
false
);
const
[
open
,
setOpen
]
=
React
.
useState
(
false
);
const
[
leaderboardData
,
setLeaderboardData
]
=
useState
([]);
const
handleClickOpen
=
()
=>
{
const
handleClickOpen
=
()
=>
{
setOpen
(
true
);
setOpen
(
true
);
...
@@ -41,7 +43,16 @@ export default function LeaderBoard() {
...
@@ -41,7 +43,16 @@ export default function LeaderBoard() {
const
handleClose
=
()
=>
{
const
handleClose
=
()
=>
{
setOpen
(
false
);
setOpen
(
false
);
};
};
useEffect
(()
=>
{
console
.
log
(
'
Finishes loading.....
'
)
const
fetchLeaderData
=
async
()
=>
{
const
response
=
await
fetchLeaderboard
();
console
.
log
(
'
res12
'
,
response
);
setLeaderboardData
(
response
);
}
fetchLeaderData
();
},
[])
return
(
return
(
...
@@ -77,7 +88,7 @@ export default function LeaderBoard() {
...
@@ -77,7 +88,7 @@ export default function LeaderBoard() {
<
Typography
variant
=
"
h3
"
component
=
"
h1
"
gutterBottom
>
<
Typography
variant
=
"
h3
"
component
=
"
h1
"
gutterBottom
>
LeaderBoard
LeaderBoard
<
/Typography
>
<
/Typography
>
<
LeaderBoardTable
><
/LeaderBoardTable
>
<
LeaderBoardTable
data
=
{
leaderboardData
}
><
/LeaderBoardTable
>
<
/Container
>
<
/Container
>
<
PortfolioGenerateDialog
open
=
{
open
}
handleClose
=
{
handleClose
}
><
/PortfolioGenerateDialog
>
<
PortfolioGenerateDialog
open
=
{
open
}
handleClose
=
{
handleClose
}
><
/PortfolioGenerateDialog
>
<
/div
>
<
/div
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment