-
Notifications
You must be signed in to change notification settings - Fork 374
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[WIP] make page / baklava #1634
[WIP] make page / baklava #1634
Conversation
- leaderboard app with graphql fetch
@aaronmgdr @cmcewen @cla-bel This is only the top section with the leaderboard, not the subsequent sections with additional info. Also to be checked is the namespace. Shall everything go under |
…:diminator/celo-monorepo into diminator/great-celo-stakeoff-add-to-web
@@ -53,6 +55,7 @@ | |||
"next-i18next": "^0.36.5", | |||
"next-images": "^1.1.1", | |||
"next-plugin-transpile-modules": "^2.0.0", | |||
"node-fetch": "^2.6.0", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
we have "cross-fetch" which can be used isomorphically
Hi its great that you implemented the fetching of data for leaderboard!. |
import { I18nProps, NameSpaces, withNamespaces } from 'src/i18n' | ||
|
||
// TODO: check how to load this URL from env | ||
const graphqlURI = getenv('REACT_APP_WS_GRAPHQL', 'http://localhost:8080/v1/graphql') |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
this can be placed in env-config file and loaded with with getConfig from next/config
animationKeyframes: [ | ||
{ | ||
'0%': { | ||
transform: 'scaleX(0)', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
nice
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In case this gets lost and i forget
Requesting that node-fetch be replaced with the existing cross-fetch and that ENV vars are placed in env-config.js and gotten with getConfig from next/config
Description
Implements the leaderboard page for the great celo stake off according to wireframe
Tested
Upon loading:
![stakeoff-web-loading](https://user-images.githubusercontent.com/6178597/68480175-7738fd80-0234-11ea-8943-6727397af43e.gif)
Upon fetch error:
![stakeoff-web-error](https://user-images.githubusercontent.com/6178597/68480195-828c2900-0234-11ea-8319-34a863ed6fa7.png)
Other changes
REACT_APP_WS_GRAPHQL
needs to be passed to the app configRelated issues
Backwards compatibility
Brief explanation of why these changes are/are not backwards compatible.