2302ef4378
* 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> |
||
---|---|---|
.. | ||
src | ||
.babelrc | ||
.browserslistrc | ||
.env | ||
.env.devnet | ||
.env.mainnet | ||
.env.stagnet1 | ||
.env.stagnet2 | ||
.env.testnet | ||
.eslintrc.json | ||
index.d.ts | ||
jest.config.js | ||
netlify.toml | ||
postcss.config.js | ||
project.json | ||
README.md | ||
tailwind.config.js | ||
tsconfig.app.json | ||
tsconfig.json | ||
tsconfig.spec.json | ||
webpack.config.js |
The Vega token website
Control panel for your VEGA tokens
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
- vega-locked-erc20 - proxy contract that shows your current balance of locked tokens
- VEGA Tokens: Vesting Details - blog describing the vesting process & key dates
- Introducing the VEGA token - blog about the VEGA token
- The VEGA Token Listing & LP Incentives - blog about the token and site
- vega.xyz - about Vega Protocol