vega-frontend-monorepo/apps/token
Sam Keen 2302ef4378
feat(#447): 447 - UI toolkit and theme updates
* feat: 447 Refactored 'progress' intent to be 'prompt' as now white. Added yellow 'selected' intent

* feat: 447 Colour consolidation

* feat: 447 Colour consolidation extra renaming

* feat: 447 Fixing specified red colours

* feat: 447 Removed unused darker red

* feat: 447 Documenting additional colours in storybook

* feat: 447 Buttons updated (except 'accent', which will probably get removed when navs built)

* feat: 447 Text inputs updated

* feat:frontend-monorepo-447: Trading nav

* feat:frontend-monorepo-447: Updated toggle button colours

* feat:frontend-monorepo-447: Custom checkboxes

* feat:frontend-monorepo-447: Tweaks to radio buttons

* feat:frontend-monorepo-447: Input dates get dark color scheme in dark mode

* feat:frontend-monorepo-447: Dropdown updates

* feat:frontend-monorepo-447: Icon menu

* feat:frontend-monorepo-447: Focus visual styles moved to focus-visible for radios and toggle

* feat:frontend-monorepo-447: Tweak to focus styles for text input and textarea

* feat:frontend-monorepo-447: Labeled input

* feat:frontend-monorepo-447: Labeled input description red when in error

* feat:frontend-monorepo-447: Tooltip visual update

* feat:frontend-monorepo-447: Added disabled state to checkbox

* feat:frontend-monorepo-447: Custom select with radix

* feat:frontend-monorepo-447: Reverted back to native Select for a11y concerns

* feat:frontend-monorepo-447: Added visual cue for dropdown items when multiple can be selected

* feat:frontend-monorepo-447: Removed shadow from buttons in Explorer where it looked wrong

* feat:frontend-monorepo-447: Added box shadow classes into tailwind theme

* feat:frontend-monorepo-447: Colour primitives documentation updated

* feat:frontend-monorepo-447: Cleaning up box shadow use further

* feat:frontend-monorepo-447: Intents util updated

* feat:frontend-monorepo-447: Dialog component updated

* feat:frontend-monorepo-447: Callout component updated

* feat:frontend-monorepo-447: Adjusted apps to handle toolkit changes

* feat:frontend-monorepo-447: Moved tabs to ui-toolkit and styled

* feat:frontend-monorepo-447: Fixed ui-toolkit tests

* feat:frontend-monorepo-447: Token eth wallet made dark to support new buttons

* feat:frontend-monorepo-447: Ran prettier

* frontend-monorepo-447: Simplified button class functions and exported for use on other elements

* frontend-monorepo-447: Used newly exported button classes on Link elements in eth-wallet

* frontend-monorepo-447: Moved trading nav from ui-toolkit to trading app

* frontend-monorepo-447: Simplified intents and updated stories

* frontend-monorepo-447: Using classnames in requested spot

* frontend-monorepo-447: Removed unnecessary 'asChild' prop on dropdown triggers

* frontend-monorepo-447: Made use of the XPrimitive Radix naming convention

* frontend-monorepo-447: Simplified types in 'getButtonClasses'

* frontend-monorepo-447: Added 'asChild' to dropdown trigger to avoid nested buttons

* frontend-monorepo-447: Moved input label and description into Formgroup component. Refactored based on tweaked structure

* frontend-monorepo-447: Externally linked input label

* frontend-monorepo-447: Adding correct text colours to Intent.None backgrounds

* frontend-monorepo-447: Improved intent function name

* frontend-monorepo-447: Removed new navbar until implementation ticket is picked up

* frontend-monorepo-447: using testing-library/user-event for tab click unit tests

* frontend-monorepo-447: Removed unused button import

* frontend-monorepo-447: Little extra use of classnames in form-group.tsx

* feat: make navbar pink for light mode

* fix: problem with theme not switching when dependent in js on theme value

* fix: bg of row hover

* fix: dont use vega pink for sell red

* fix: type error in generate orders func

* fix: lint

Co-authored-by: Matthew Russell <mattrussell36@gmail.com>
2022-06-23 20:16:01 -07:00
..
src feat(#447): 447 - UI toolkit and theme updates 2022-06-23 20:16:01 -07:00
.babelrc Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00
.browserslistrc Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00
.env feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
.env.devnet feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
.env.mainnet feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
.env.stagnet1 feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
.env.stagnet2 feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
.env.testnet feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
.eslintrc.json Fixes for workflows (#291) 2022-04-22 17:51:18 -07:00
index.d.ts Feat/dockerize frontends (#388) 2022-06-13 15:39:17 +01:00
jest.config.js Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00
netlify.toml add build netlify command and netlify.toml for token dapp (#302) 2022-04-26 07:32:23 -07:00
postcss.config.js Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00
project.json Feat/427: Serve explicit environments (#433) 2022-05-23 10:56:11 +01:00
README.md feat(#507): Node Discovery 2022-06-21 16:20:53 -07:00
tailwind.config.js Fix/411 asset dropdown style (#535) 2022-06-10 16:12:51 -07:00
tsconfig.app.json Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00
tsconfig.json feat(#175): ui-toolkit links (#453) 2022-05-31 17:30:02 -07:00
tsconfig.spec.json Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00
webpack.config.js Feat/224 move token app into monorepo (#229) 2022-04-20 12:37:44 -07:00

The Vega token website

Control panel for your VEGA tokens

Screenshot 2021-12-11 at 06 32 51

Features

  • View vesting progress
  • Redeem VEGA tokens
  • Stake VEGA tokens
  • Withdraw tokens
  • Vote on proposals

Development

Starting the app:

yarn nx serve token

Configuration

Example configurations are provided here:

For convenience, you can boot the app injecting one of the configurations above by running:

yarn nx run token:serve --env={env} # e.g. stagnet1

There are a few different configuration options offered for this app:

Flag Purpose
NX_APP_SENTRY_DSN The sentry endpoint to report to. Should be off in dev but set in live.
NX_APP_CHAIN The ETH chain for the app to work on. Should be mainnet for live, but ropsten for preview deploys.
NX_APP_VEGA_URL The GraphQL query endpoint of a Vega data node
NX_APP_DEX_STAKING_DISABLED Disable the dex liquidity page an show a coming soon message
NX_APP_FAIRGROUND Change styling to be themed as the fairground version of the website
NX_APP_INFURA_ID Infura fallback for if the user does not have a web3 compatible browser
NX_APP_HOSTED_WALLET_ENABLED If the hosted wallet is enabled or not. If so then allow users to login using the hosted wallet
NX_APP_ENV Change network to connect to. When set to CUSTOM use CUSTOM_* vars for network parameters
NX_CUSTOM_URLS When NX_APP_ENV=CUSTOM use these Data Node REST URLs, optional if CUSTOM_URLS_WITH_GRAPHQL is used.
NX_CUSTOM_URLS_WITH_GRAPHQL When NX_APP_ENV=CUSTOM use these Data Node GraphQL URLs, optional if CUSTOM_URLS is used.
NX_CUSTOM_TOKEN_ADDRESS When NX_APP_ENV=CUSTOM specify Vega token address.
NX_CUSTOM_CLAIM_ADDRESS When NX_APP_ENV=CUSTOM specify Vega claim address.
NX_CUSTOM_LOCKED_ADDRESS When NX_APP_ENV=CUSTOM specify Vega locked address.
NX_CUSTOM_VESTING_ADDRESS When NX_APP_ENV=CUSTOM specify Vega vesting address.
NX_CUSTOM_STAKING_BRIDGE When NX_APP_ENV=CUSTOM specify Vega staking bridge address.

Example configs:

For example configurations, check out our netlify.toml.

Testing

To run the minimal set of unit tests, run the following:

yarn nx test token

To run the UI automation tests with a mocked API, run:

yarn nx run token-e2e:e2e

See also