c259622848
* feat: create new buttons * feat: update anchor and button link styles * feat: add icon support * feat: fix full width with icon * feat: convert invalid button props to use new props * feat: tidy up explorer * feat: more tidy up for token and trading * feat: move styles to css file using @apply * chore: remove css with @apply as its not working in apps * fix: deposit form button * feat: use default tailwind config, start on forms * feat: fixup trade grid styles * feat: form styles * feat: styles for order book and tables * feat: make key management use dropdown * feat: update various components * feat: tidy up wallet section * feat: token tidy up * feat: token governance styles * Feat/927: Dialog styling * feat: token styles * feat: add font familys * feat: change token borders to be softer * feat: console-lite changes to support new theme * Feat/927: Centered key-value-table.tsx spacing * Feat/927: Tweak to Explorer site border colours to be inline with trading * Feat/927: Tweak to Explorer header * Feat/927: Theme switcher icon colours * Feat/927: Fix for Explorer block data styling * feat: fix tests, add status footer and change logos * feat: render both theme icons to avoid hydration error * chore: run migrations for project * fix: tailwindconfig build to work with new next version * feat: use document page for next as per documentation * chore: update build targets to use development mode when serving * fix: console-lite default text colors * chore: fix tooltip text break, change submit button * feat: adjust console-lite styles to work with tabs * feat: add bespoke dialog for console-lite market-selector * Feat/927: Theme switcher now has prop for fixed bg colour * Feat/927: Font size and border radius tweak for toggles * Feat/927: Cleaned up trade-grid.tsx spacing * feat: responsive styles for market header and nav * feat: update designs for market popover * fix: nav active state * chore: allow classname to be passed to button * Feat/927: Fix Token width on desktop (was overflowing) * Feat/927: Fix token header h1 from wrapping * Feat/927: Tweak for claim-flow.tsx * fix: connect button test * Feat/927: Proposals list styling polish * Feat/927: key-value-table.tsx spacing tweak * feat: add copy button to kp dropdown * Feat/927: Removing old theme params and uses * Feat/927: Removing old theme params and uses, documenting the now used otb sizes * feat: use key val table in asset dialog * feat: align tooltip styles * fix: orderbook grid alignment * chore: linting * fix: dialog sizing in medium mode, node switcher styles * chore: remove unused color classes * feat: update radio and checkbox designs * feat: updates to storybook * feat: update design system stories * chore: stories update * chore: rename resize panels and tidy * feat: fix checkbox tick * fix: add poyfills for jest in trading test setup * chore: fix checkbox tests * chore: fix tests * chore: fix tests again * chore: revert token wallet name test * fix: tooltip tests on console-lite * fix: wallet dropdown test Co-authored-by: sam-keen <samuel.kleinmann@gmail.com> |
||
---|---|---|
.. | ||
src | ||
.babelrc | ||
.browserslistrc | ||
.env | ||
.env.capsule | ||
.env.devnet | ||
.env.mainnet | ||
.env.stagnet3 | ||
.env.testnet | ||
.eslintrc.json | ||
index.d.ts | ||
jest.config.ts | ||
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. stagnet3
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_ETH_URL_CONNECT (optional) |
If set to true the below two must also be set. This allows siging transactions in brower to allow to connect to a local ganache node through cypress |
NX_ETH_WALLET_MNEMONIC (optional) |
The mnemonic to be used to sign transactions with in browser |
NX_LOCAL_PROVIDER_URL (optional) |
The local node to use to send transaction to when signing in browser |
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