Skip to content
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

Conversation

diminator
Copy link
Contributor

Description

Implements the leaderboard page for the great celo stake off according to wireframe

Tested

stakeoff-web-invert

Upon loading:
stakeoff-web-loading

Upon fetch error:
stakeoff-web-error

Other changes

  • An ENV var REACT_APP_WS_GRAPHQL needs to be passed to the app config

Related issues

Backwards compatibility

Brief explanation of why these changes are/are not backwards compatible.

- leaderboard app with graphql fetch
@diminator
Copy link
Contributor Author

@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 Make?

…: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",
Copy link
Member

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

@aaronmgdr
Copy link
Member

Hi its great that you implemented the fetching of data for leaderboard!.
I have a branch at https://github.com/celo-org/celo-monorepo/tree/aaronmgdr/build4 which handles the rest of the page and a version of leaderboard with fake data

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')
Copy link
Member

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)',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nice

@clrblmt clrblmt added the web label Nov 12, 2019
@clrblmt clrblmt added web and removed web labels Nov 12, 2019
Copy link
Member

@aaronmgdr aaronmgdr left a 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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Users SBAT to see TGSTO leaderboard in the web app
6 participants