Co-authored-by: candida-d <62548908+candida-d@users.noreply.github.com>
Co-authored-by: Matthew Russell <mattrussell36@gmail.com>
Co-authored-by: bwallacee <ben@vega.xyz>
* feat(#2465): change red to vega pink
* feat(#2465): change red to vega pink part 2
* fix: update vega.red to vega.pink
* feat: color the charts
* feat: color the charts
* feat: color the charts
* fix: use dark pink and green
* fix: use dark pink and green
* feat(#2467): color long/short toggle and place order button
* fix: colors wick showing within candle
* fix: remove opacity from chart
* fix: use vega dark pink and green for vol cell
* fix: toggle and button colors
* feat(#2465): toggle peer checked text white
* fix: add liquidity supplied gap-2 in tooltip data grid
* fix: add indicator temporarily
* chore: update colors
* chore: update from x-dark to vega-x
* fix: rename symbols
* chore: update sell candles to only use stroke as they are solidly filled
* fix: remove use state
* fix: remove network account types
Co-authored-by: Matthew Russell <mattrussell36@gmail.com>
* 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>
* 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>
* [#151] market-depth code cleanup
* [#303] Make ask and bid relative volume bars relative to maximum bid or ask volume
* [#151] align cmulative vol bars to left
* [#151] replace orderbook zoom in zoom out buttons with dropdown
* [#151] fill gaps in orderbook data
* Order book mocks added
* [#151] mark mid price in orderbook
* [303] Show number in orderbook cumulative volume column
* [#808] show indicative uncrossing volume instead of volume if market is in auction mode
* Method for asserting order book style
* [#303] Add test id attributes to orderbook cells
* Cleanup steps after merge
* Order book test passing
* Change method name
* Revert "[#151] fill gaps in orderbook data"
This reverts commit 90ea4e4ab3.
* [#303] Orderbook rows render optimization
* test: update feature with @todo tests
Same tests can be found in Notion
* [#303] Orderbook scroll to mid price
* [#303] orderbook scroll to row pixel perfect alignment
* [#303] Bring back best offer horizontal lines
* [#303] Preserve center price level on row number change, adjust indicativePrice to resoluton
* feat(orderbook): add storybook
Refs: #303
* feat(orderbook): fix no rows handling
Refs: #303
* feat(orderbook): add orderbook stories for auction and continous market
Refs: #303
* feat(orderbook): add stories for empty orderbook
Refs: #303
* feat(orderbook): fix footer position when there is no data
Refs: #303
* feat(orderbook): seperate number of rows for buy and sell in storybook
Refs: #303
* feat(orderbook): keep mid price in middle until user will scroll
Refs: #303
* feat(orderbook): style scrollbar
* feat(orderbook): style scrollbar
* feat(orderbook): adjust gaps
* feat(orderbook): adjust gaps
* test: addition for autofilled order and mid price lines
* fix: lint
* feat(orderbook): make it posiible to write RTL tests
* feat(orderbook): fix price focus, add unit tests
* feat(orderbook): fix price scroll to mid proce, add unit tests
* feat(orderbook): improvements
- fix scrollbar colors in firefox
- bring back resolution dropdown chevron
- hide go to mid button when locked on mid price
- right align ask vol bar
- change grid gap to 5px
- add vertical lines between columns
- display "No data" if theis no orderbook data
- align header labels to right
* feat(orderbook): fix formatting
* feat(orderbook): add 5px gap
* feat(orderbook): improvements after code review
* feat(orderbook): display full height vertical lines
* fix: change in mid position
* feat(orderbook): fix number cannot be converted to BigInt because it is not integer
* feat(orderbook): fix TS2307 in trading-e2e caused by .module.scss import
Co-authored-by: Joe <joe@vega.xyz>
* [#305] add initial landing dialog on markets page and fix some typos
* [#305] market-list utils and generate schema
* [#305] initial styling of the landing dialog and add arrows
* [#305] routing to markets and add hover and market list tests
* [#305] fix z-index on dialog overlay
* [#305] default market shoulde be oldest market that is currently trading in continuous mode
* [#305] refactor market-list library
* [#305] add arrow unit tests
* Update libs/market-list/src/lib/components/landing/landing-dialog.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
* Update libs/market-list/src/lib/components/landing/select-market-list.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
* Update libs/market-list/src/lib/components/landing/select-market-list.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
* test: fix failing tests from homepage change
* [#305] sort by id after sorting by date
* test: increase timeout for failing tests in CI
* [#305] destructuring all over the place and some code tweaks, arrows and percentage changes
* [#305] update sparkline to show colour
* [#305] fix order of market list
* [#305] stretchedLink class plus a-tag href for navigation - accessibility updates
* [#305] use href only and remove log
* [#305] use bignumber.js for price calculations
* [#305] change to bg-white/50 on dark mode overlay as asked from UX
* [#305] change to bg-white/50 on dark mode overlay as asked from UX
* [#305] toLocaleString fix
* [#305] toLocaleString fix
* [#305] add price-change-cell and use formatNumber
* [#305] add extra test for select market list
* Update apps/trading/specs/index.spec.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
* [#305] use memo, sort by date and id lodash
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
Co-authored-by: Joe <joe@vega.xyz>
* fix: nav colors
* chore: replace blueprint progress bar
* chore: remove blueprint overlay and no unused components
* feat: add radio group to ui-toolkit
* feat: adjust disabled opacity and use radio in forms on staking flow
* chore: rename RadioItem to just Radio
* chore: replace country selector with plain select
* fix: key prop warnings
* feat: convert token drawer from blueprint drawer to radix dialog
* chore: remove blueprint core and blueprint select dependencies
* fix: add missing data test id for header title
* fix: spacing on token disassociate page
* fix: missing key props on vesting chart
* feat: update radio button design
* style: radio button UI tweaks
Co-authored-by: PeteWilliams <me@petewilliams.info>
* Initial commit after nx create
* Add .env files
* Add working commit for poc
* Make deal-ticket-manager.tsx accept children as props and export more components to be consumed by external apps
* Add stepper component to simple trading app
* Add basic prototype for simple trading app with stepper component
* Remove unnecessary flags and env variables
* Change simple trading app port
* Refactor deal ticket container to be more dry
* Refactor deal ticket to be more dry
* Refactor app loader, remove tendermint socket and change providers for App.tsx in simple trading app
* Remove example cypress files and change config
* Fix linting issues
* 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>
* move key-value-table to ui-toolkit and use tailwind
* add key-value-table to storybook
* override border width 1px from the styles of the app, remove td and th from children
* clone muted and numerical props to children elements
* proposal change table remove empty lines
* add Roboto mono to font-mono tailwind config
* remove labels and labelfor
* revert change on token-details-circulating
* export the whole components directory rather than explicitly individual components
* add classNames, add formatNumberPercentage, remove spans, add span in token details circulating
* data-testid=governance-proposal-enactmentDate and use span instead of div
* use custom spacing defined in tailwind & another README.md update for running cypress in watch mode
* update divs to span within the vesting table
* Update README.md
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
* borders and text visible on both dark and light themes
* add headingLevel and use dl instead of tables
* update styling for dl inline
* remove added grey from tailwind
* ignore md files
Co-authored-by: madalinaraicu <“madalina@raygroup.uk”>
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
* add manage dialog to wallet lib, add it to trading app
* add test for wallet button
* add tests for manage dialog
* move tooltip to ui-toolkit, add copy with tooltip component for manage dialog
* add better labelling
* add tooltip story
* add story for copy-with-tooltip
* add tests for tooltip and copy-with-tooltip
* move useFakeTimers call to beforeAll
* adjust design of manage dialog
* fix linting issues
* Initial commit of generated mainnet-stats directory
* Migration partly complete
* Migration complete
* Vega logo now in ui toolkit
* Specified a port that stops conflicts with other e2e tests
* Extra config for swapping to port that stops conflicts with other e2e tests. Also file name case change
* Adding the Cypress project ID to allow recording
* fix test
* Mainnet stats manager moved into library
* Mainnet stats project now importing manager element from lib
* Block Explorer has mainnet stats on home route
* Styling tweak to stop mainnet stats tables trying to match heights
* Spacing alignment tweaks
* Changing header text and tests to align with other branches
* Correct header test for mainnet-stats app
* Correct h3 test for mainnet-stats app
* Fix linting issue
* fix casing issue for CI
* Corrected mistake in merge
Co-authored-by: Dexter <dexter.edwards93@gmail.com>
* scaffold dealticket package, remove trading views from react-helpers
* add deal ticket component, add intent utils, expand dialog and form group styles
* add splash component, show market not found message if market doesnt exist
* tidy up error handling
* add handleError method for vega tx hook
* add better testname for provider test, flesh out tests a bit more for deal ticket
* Add unit tests for useVegaTransaction and useOrderSubmit hooks
* add wrapper component for order dialog styles
* add vega styled loader to ui toolkit and use in order dialog
* add title prop to order dialog
* split limit and market tickets into own files
* add button radio component
* revert dialog styles
* move splash component to ui-toolkit, add story
* convert intent to enum
* Make button always type=button unless type prop is passed
* inline filter logic for tif selector
* add date-fns, add datetime to helpers
* add order types to wallet package, make price undefined if order type is market
* use enums in deal ticket logic
* tidy up order state by moving submit and transaction hooks out of deal ticket
* add comment for dialog styles
* remove decimal from price input
* add types package, delete old generated types from trading project
* rename types package to graphql
* update generate command to point to correct locations
* fix use order submit test
* use intent shadow helper
* remove date-fns and format manually, update submit button error to use input-error
* remove stray console.log
