Commit Graph

84 Commits

Author SHA1 Message Date
Sam Keen
50693d2df9
frontend-monorepo-684: Txs list item dialog close button fixed (#685) 2022-06-30 14:57:06 +01:00
Sam Keen
19980e5fb1
frontend-monorepo-680: Bring explorer nav colours in line with theme (#681) 2022-06-29 16:37:39 +00:00
Sam Keen
2094a29d35
Feat/397 - continuous txs list (#417)
* frontend-monorepo-397 - continuous txs list - glitchy start

* frontend-monorepo-397 - experimentation!

* fix: transactions infinite list loading

* fix: blocks reload

* frontend-monorepo-397 - removed redundant renderFetched component from infinite txs page, and removed debugging

* frontend-monorepo-397 - tests written, added button that opens a dialog with extra Command data to each list item

* frontend-monorepo-397 - Cleaned up styling of txs list a bit, addressed PR comments.

* frontend-monorepo-397 - tweaks to e2e tests

* frontend-monorepo-397 - disabling txs e2e tests for now

* fix: use fetch hook

* Update apps/explorer/src/app/components/txs/txs-infinite-list-item.tsx

Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>

* frontend-monorepo-397 - refactored to use AsyncRenderer which now supports custom messaging

* frontend-monorepo-397 Continuous txs: set ignore for timing out tests rather than commenting out

* frontend-monorepo-397: Updated txs-infinite-list-item.tsx to work with the new dialog changes

* frontend-monorepo-397: Ignoring txs page e2e tests properly

Co-authored-by: Dexter <dexter.edwards93@gmail.com>
2022-06-29 11:20:22 +01:00
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
Sam Keen
f7f90bc245
frontend-monorepo-567: Ensure menu sits above other content when open on mobile (#617)
* frontend-monorepo-567: Gave menu a high z-index to ensure it's shown above any positioned elements or ui-toolkit components

* frontend-monorepo-567: Clean up explorer nav component classes using classnames
2022-06-22 14:07:09 +01:00
Sam Keen
e0bcfe7bbe
Feat/231-explorer-infinite-loading-blocks (#306)
* Making a start with react-window-infinite-loader for the blocks infinite scrolling

* WIP block explorer infinte scroll

* WIP pairing

* pairing tidying

* Applied refetch url params more cleanly, moved useFetch to react-helpers lib

* Add notice of new blocks created since page load, some cleanup of blocks-infinite-list.tsx component

* Attempting a refresh of the 'new blocks' value in blocks-refetch.tsx

* Correctly updating state based on previous value

* Update libs/react-helpers/src/hooks/use-fetch.ts

Co-authored-by: Matthew Russell <mattrussell36@gmail.com>

* Update libs/react-helpers/src/hooks/use-fetch.ts

Co-authored-by: Matthew Russell <mattrussell36@gmail.com>

* Update apps/explorer/src/app/components/blocks/blocks-refetch.tsx

Co-authored-by: Matthew Russell <mattrussell36@gmail.com>

* Cleanup from convos and PR

* Prettier formatting

* struggling with websocket tests

* struggling with websocket tests

* Progress on websocket tests for blocks-refetch.tsx

* Tests for blocks-refetch

* Tests for blocks-infinite-list

* Scroll test for blocks-infinite-list

* Defined NOOP in blocks-infinite-list.tsx

* Separate web sockets for each test

* Separate web sockets for each test

* Tweaked e2e tests to account for blocks taking longer to load

* fix tests

* Removed nx knowledge of empty simple-trading-app-e2e for now

* mock at use fetch level instead of at fetch level

* fix edge cases and add further tests

* fix failing e2e tests

* rename test

* Update apps/explorer-e2e/src/support/pages/blocks-page.ts

* Update apps/explorer-e2e/src/support/pages/blocks-page.ts

* rename

* test: use explicit wait for rather than times

* style: remove console

* test: correct env file

* Revert "test: correct env file"

This reverts commit d01d3cfa5e.

* think env var is incorrect

* correct env file

* fix flakiness

* add minor wait for test flakiness

* longer timeout

Co-authored-by: Dexter <dexter.edwards93@gmail.com>
Co-authored-by: Matthew Russell <mattrussell36@gmail.com>
2022-05-13 12:03:08 +01:00
Dexter Edwards
107171d46a
renaming test files (#351)
* renaming test files

* add eslint plugin jest

* enable linting rule and additional rules

* fix a metric ton of linting errors

* fix lint errors

* remove export
2022-05-12 13:32:14 +01:00
Sam Keen
2b910aa04c
Feat/272 syntax highlighter from explorer to ui-toolkit and feat/216 added light theme and feat/283 add to token (#286)
* Moved syntax highlighter from explorer to ui-toolkit

* Update libs/ui-toolkit/src/components/syntax-highlighter/syntax-highlighter.stories.tsx

Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>

* Added a light theme for syntax highlighter, added the styling for syntax highlighter to our custom classes

* Suboptimal but successful way of ensuring styling is applied to syntax highlighter

* Styling syntax highlighter with scss

* Fix failing test

* Back to applying styling via custom plugin, but with a wrapper on the syntax highlighter ensuring Tailwind doesn't cull the classes

* Preferred class name

* prettier formatting

Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
Co-authored-by: Joe <joe@vega.xyz>
2022-04-29 10:46:31 +01:00
Sam Keen
c81766dd20
Feat/183 explorer link colours (#203)
* shift to pink instead of yellow for light theme

* frontend-monorepo-183 Trial removing link colour entirely, just bold and underlined
2022-04-12 09:00:50 +01:00
Joe Tsang
446f7b13d8
Additional tests in mobile resolution (#225)
* Additional tests in mobile resolution

* Update toggle variable name
2022-04-11 18:09:54 +01:00
Edd
5ec6759ca1
Merge pull request #237 from vegaprotocol/feat/232-collapse-block-with-no-txs
Feat / 232 collapse block with no txs
2022-04-11 13:44:34 +01:00
Dexter
9fcd79a1a3 resolve circular dependency 2022-04-11 10:04:21 +01:00
sam-keen
68761a270b collapse block with no txs 2022-04-08 13:46:59 +01:00
Joe Tsang
5cd35704ff
Tests for next/previous block feature (#209) 2022-04-06 16:03:22 +01:00
Sam Keen
f9d7b33d3b
frontend-monorepo-196 Remove whitespace at bottom of page (#197) 2022-04-04 10:17:29 +01:00
Sam Keen
1f14b4fbe1
Feat/48-mobile-experience (#194)
* Mobile nav

* Made the logo into a link to the home route

* Bit of padding on transaction table cells to avoid smooshing
2022-04-01 15:20:23 +01:00
Matthew Russell
15551b65e5
Feat/83 switching vega key (#156)
* 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
2022-03-31 10:16:30 -07:00
sam-keen
b6df83ede8 Resolved merge conflicts with master, reduced warnings 2022-03-31 14:20:36 +01:00
Matthew Russell
4899d1bce8
Task/Mark translations (#174)
* add dummy i18n translate function to market text that will need translation in future

* add i18n function to aria-labels
2022-03-30 18:08:25 -07:00
sam-keen
80902e3c30 Added custom module for classes that aren't in Tailwind - allows us to use contextual alternates for Alpha Lyrae 2022-03-30 16:56:48 +01:00
Bartłomiej Głownia
7af0efa8d8 Enable @typescript-eslint/consistent-type-imports eslint rule 2022-03-30 13:05:41 +02:00
sam-keen
2857e8081e Added 'Highlighted Link' component for shared styling for links in light and dark themes 2022-03-30 11:39:32 +01:00
sam-keen
ee66bea4f4 Added extra 'Table' component without tbody and used for transactions 2022-03-30 10:54:16 +01:00
sam-keen
6c274e5375 New 'Truncated Link' component for shared styling 2022-03-30 10:54:14 +01:00
sam-keen
75017feada Added some light theme styling 2022-03-30 10:54:13 +01:00
sam-keen
95e846d6af Added theme switcher and tweaked header to accommodate 2022-03-30 10:54:13 +01:00
sam-keen
6b5fc8ebeb Removed scss and converted to tailwind 2022-03-30 10:54:12 +01:00
Sam Keen
7e3e098ae4
Feat/76 Use UI toolkit components for 'jump to block' (#147)
* frontend-monorepo-76 Use UI toolkit components for 'jump to block'

* frontend-monorepo-76 Use UI toolkit components for 'go to party'

* Added reusable component for 'jump to block' and 'go to party'
2022-03-29 19:08:33 +01:00
Dexter Edwards
c5788fa1cf
Feat/122 next previous buttons (#131)
* fix use fetch hook

* add next/previous buttons

* disable the button if the block is 1

* prevent slow fetches from overriding data

* move splash loader into UI toolkit

* remove splash loader

* remove splash

* remove pointless component

* add tests for blocks page

* fix jump to party

* merge updates

* address PR comments
2022-03-29 14:30:23 +01:00
sam-keen
bf2ff8af53 Merge remote-tracking branch 'origin/master' into feat/75-link-like-button 2022-03-25 16:50:01 +00:00
sam-keen
9b4a41be07 Merge remote-tracking branch 'origin/master' into feat/75-link-like-button 2022-03-25 11:12:01 +00:00
sam-keen
6806aff6b6 frontend-monorepo-134 Ensure displayed ids are using mono font 2022-03-24 16:44:23 +00:00
Dexter Edwards
d3f5410747
allow nav text to be different to route name (#118)
* allow nav text to be different to route name

* capitalize

* fix failing test due to casing
2022-03-23 15:02:53 +00:00
Dexter Edwards
ae37f76b1c
Search implementation (#97)
* make titles look prettier

* link to parties from transactions table

* render what data is found conditionally

* more syntax highlighting

* re-jig file orders

* remove footer component for now

* add subheading component

* adjust column layout

* Style up header

* enable ligatures

* change env files

* fix error if data is null

* show governance header even if there is no data

* remove dead css

* add dark theme for block explorer

* use memo on parties submit

* remove some css from header

* basic search implementation

* allow passing classNames to form group

* add tests for form group

* add form-grpup stories

* bad rebase fixes

* add link

* tidy up tests

* fix tests

* tidy up env files

* final test fixes

* switch order of classes

* fix test id

* force build for testing

* rename file for linting

* add tests for header component

* rename export

* input error tests

* use descriptive function names as per PR comment

* fix casing issue for CI

* handle empty state

* make query easier to understand
2022-03-23 09:57:51 +00:00
sam-keen
bbdc1c6e08 Used link-like button in block explorer 2022-03-22 15:39:56 +00:00
Joe Tsang
34959075c2
Test/block page (#91)
* Added block page and validator test

* Transaction details and network param test added

* Add test id for styling change

* Changed test id names
2022-03-21 13:01:51 +00:00
Sam Keen
af333c2abd
frontend-monorepo-43 Nav Styles (#99) 2022-03-18 20:53:42 +00:00
Sam Keen
514b30bebd
Merge branch 'master' into feat/40-tx-styling 2022-03-18 14:55:43 +00:00
Sam Keen
53ff8429e5
Update apps/explorer/src/app/components/seconds-ago/seconds-ago.spec.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
2022-03-18 14:55:01 +00:00
Sam Keen
1cc95c861c
Update apps/explorer/src/app/components/seconds-ago/seconds-ago.spec.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
2022-03-18 14:54:56 +00:00
Sam Keen
5c9571766a
Update apps/explorer/src/app/components/seconds-ago/index.tsx
Co-authored-by: Dexter Edwards <dexter.edwards93@gmail.com>
2022-03-18 14:54:46 +00:00
sam-keen
a160c54688 Tweak to 'tx-content' component as conditional rendering was no longer needed 2022-03-18 14:50:16 +00:00
sam-keen
edbf8244df Updated component tests to use best practices and improved syntax 2022-03-18 14:41:30 +00:00
Bartłomiej Głownia
3e69e53c4e #29 Add market-list-table 2022-03-18 13:13:14 +01:00
Dexter
504f088f00 fix jest config setup 2022-03-18 10:35:48 +00:00
sam-keen
0a28d5e111 Start of component unit tests 2022-03-18 10:27:27 +00:00
Dexter Edwards
7b4437f407
regenerate based on new API client (#86)
* regenerate based on new API client

* lint

* run projects on different ports
2022-03-17 09:09:48 +00:00
sam-keen
838e0b0f4d Removed unnecessary padding on tr 2022-03-16 15:45:38 +00:00
sam-keen
b61bf984b1 Styled tx:id 2022-03-16 15:35:30 +00:00
sam-keen
001848fc78 Used lozenge for txs 2022-03-16 14:58:16 +00:00