e6eda21a33
7 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
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> |
||
Matthew Russell
|
e463bbe238
|
feat(#495): get smart contracts addresses from network params
* feat: unhardcode contract addresses * fix: linting and tests * feat: switch contract usage in token app to use unhardcoded addresses * chore: remove other usage of hard coded contract addresses * feat: convert contracts to classes, update claim contract to fix circular dependency * feat: add hard coded contract addresses to contracts page * fix: misc tidy up * chore: rename ethers big num conversion func * fix: remove pending transactions modal * chore: add single toBigNum function that can accept number string or EthersBignNumber * chore: delete unused tranche helpers and decimals functions from smart contracts lib * feat: add faucetable token class * fix: reset tx state after early exit from approve tx * feat: re add transaction modal using zustand store * fix: loader colors for eth wallet * fix: pass ethereum config to gurantee existence before tx execution * chore: lint smart contracts lib * chore: fix web3container to use children and not render prop * chore: lint * fix: use background to mock ethereum wallet to avoid mocking globally for every test * chore: move web3 mock to common steps and call from withdrawals feature tests |
||
|
Matthew Russell
|
a66be425be
|
fix(#315): misc styling and ui fixes for the token app
* chore: add callout loaders and input lozenges * fix: text colors and nav heading * fix: text color for home links * chore: fix spacing of wallets * chore: fix missing translation keys * chore: add loader to pending associatino tx callout, fix spacing of text within callout * chore: make sure etherscan links open in a new tab * fix: redemption page * fix: spacing of rewards tables list * fix: link styles on withdraw page * fix: styles for withdrawal table * fix: footer links * fix: staking page links and spacing * fix: translations * fix: spacing of callout title, spacing of staking connect step * fix: vesting page title * fix: proposals list spacing * fix: proposal page and vote details * chore: update translation of metamask wallet connection button * chore: delete unused files * chore: dont nest buttons inside links * chore: lint * fix: title test after text change |
||
|
Sam Keen
|
492eef0fd0
|
Feat/304 token tailwind 2 (#396)
* remove staking page scss and invalid class for buttons * remove pending stake and staking form scss * make eith wallet buttons fill space * convert app banner and app footer to tailwind * remove low hanging fruit css * add spacing back to home page * fix spacings on various pages * remove custom text helpers and replace with tailwind * Loader component scss to tailwind * Locked progress scss to tailwind * Nav scss to tailwind. Cleaned up structure and removed 'bp3-dark' class from index.html * Page template scss to tailwind * Splash error scss to tailwind * Splash loader scss to tailwind * Token-input scss to tailwind * Stateful button scss to tailwind * Transaction button scss to tailwind * Transactions modal scss to tailwind * Modal scss to tailwind and improved structure * vega-wallet scss to tailwind * wallet-card (and child components in other files tweaked) scss to tailwind * Token details scss to tailwind * Home scss to tailwind * current-proposal-state scss to tailwind * current-proposal-status scss to tailwind * Tweak of modal scss to tailwind * vote-buttons scss to tailwind * vote-details scss to tailwind * vote-progress scss to tailwind * tranche-table scss to tailwind * vesting-table scss to tailwind * withdrawals scss to tailwind * removed reliance on colors.scss from styles.scss * convert tranche item scss * delete unused colors and fonts scss files * convert styles.scss to regular css * Tweak to token e2e tests to account for classname removal Co-authored-by: Matthew Russell <mattrussell36@gmail.com> |
||
m.ray
|
319e14164d
|
Feat/324 sparkline component (#381)
* move colors in ui-toolkit/config * fixing tests and add stories * fixing some tests and edit story * update sparkline story * rename story templates for sparkline * use tailwind colors and rename to *.spec.tsx * use tailwind only * remove test.tsx * Update libs/tailwindcss-config/src/theme.js Co-authored-by: Matthew Russell <mattrussell36@gmail.com> * remove gray from tailwind and use black/40 and white/40 for strokeCurrent Co-authored-by: madalinaraicu <“madalina@raygroup.uk”> Co-authored-by: Matthew Russell <mattrussell36@gmail.com> |
||
|
Sam Keen
|
6eb52c9a65
|
Feat/304 token scss to tailwind - part 1 (#327)
* Converted app.scss * Made a start converting styles.scss * commenting out unused colours - test for now * restoring font-family * Added correct text colour and height to top level elements * Eth connect button styling * Truncated wallet key on staking screen (had been causing overflow) * Tranches Scss to tailwind * Withdraw form Scss to tailwind * Part way done with staking Scss to tailwind * Removed redundant containerClass prop from epoch-countdown * Cleanup of colors part 1 * Ran prettier * Changes from the MR - removed epoch-countdown styles (apart from blueprint, which has moved to styles.scss) * Changes from mr - removed extra button size classes (to be replaced with a prop later) * Changes from mr - allow Tailwind's default list styles. Added role="list" for accessibility * Border-box applied via wildcard again * MR tweaks * Removing the eslint warning for using role="list" on unstyled lists * Correctly naming the jsx-ally plugin in the eslintrc file so that rules were correctly applied * Removed redundant 'list-none' classes as Tailwind applies this by default for lists |
||
|
Sam Keen
|
9591687a80
|
Feat/224 move token app into monorepo (#229)
* moved TFE into monorepo with some remaining errors * moved TFE into monorepo with some remaining errors - further files * add tailwind config, use etherscan link from toolkit, use web3 from lib * make app compatible with react router 6 * remove vega keys from app state and use from state from lib * comment out crowdin script injection * convert all buttons to use ui toolkit buttons * remove blueprint inputs and selects and replace with ui-toolkit * remove css resets * tidy button styles in wallet replace splash-screen with version from ui-toolkit * various style fixes * tidy up proposal list * add valid key to route children * Set custom port and config for token e2e tests * added env title e2e test * started some styling fixes - nav and home route * Added 'h-auto' to button height regex check * Added 'h-auto' to regex check to allow desired TFE button height * Removed scss and used tailwind for heading component * Woff files not woof :) * Proper nav h1 font size * Wallet card headings * Vega wallet button styles * Set project to use static hosted alpha font (cors being fixed separately) * Eth wallet button styles (unfinished) * Home route styles * Staking route styles and title calculation * Rewards route styles * Vega wallet container button style * Eth wallet disconnect button * Connect dialog title colour and spacing * Splash screen layout * Fixed a bunch of linting errors * Used 'Object.entries' instead of 'Array.from' to create iterable from object in 'use-search-params' * Removed use of 'any' from 'use-search-params' * Better simplification of 'use-search-params' * Removed package.json duplication errors, set most up-to-date version from duplicate options * Elvis for possible undefined in 'use-add-asset-to-wallet' * Removed redundant files * Removed old todo * Removed package.json redundant packages * Added dark class for dialog h1 text colour (required as the current scss gives a wrong default for this element) * update useAddAsset to use new provider * Ensure Jest has required methods * tidy up package.json * remove ts-ignores and use casts for dynamic grid imports * remove unused code from token-e2e * update to latest types from react 17 * Removed vegag wallet not running component as it should be handled by wallet lib * fix typing of contract addresses * type cast network string to Network enum in reduce * remove comment, issue 270 created instead * default associated wallet amounts to zero * update comment * delete unused staking-overview component, add note about withTranslation types to comment * re add proposal dates * enable source maps for build * add rest of env files for networks * remove crowdin script tags from index.html * add testing-library/jest-dom to types in test tsconfig * setup i18n for tests so that translations are used, proposal change table test * delete unused translation files and config * set sentry release to use commit ref * delete dex liquidity pages * remove unused useVegaLPStaking hook * use found id so no non null assertion needed * remove mocked graphql provider * remove commented out breadcrumb component * add comment and link to issue for syntax highlighter changes * fix any types in token-input, add link to ui-toolkit input changes * dont default allowance to zero as it affects rendering logic * fix spacing between callouts on associate page * adjust spacing between callout for association callout * fix alignment of ethereum splash screen * use ethereum connect dialog state for connect dialog * add infura provider as default * change from infura provider to JsonRpcProvider * remove unused Ethereum config * add custom webpack config to inject sentry plugin * delete commented out code for pending stake * add comment linking input elements issue for eth-address-input * move useEagerConnect to libs/wallet, add logic for connecting state so token app can load after connection has succeeded or failed * remove unused storage files, update web3 connector to render children if not actively connected Co-authored-by: Matthew Russell <mattrussell36@gmail.com> |