Commit Graph

18 Commits

Author SHA1 Message Date
ImpossiblePairs 52a4aa3a7a
Add Cumulative Size To Orderbook (#54)
Added toggle on Orderbook Flipcard to toggle between size and cumulative size order display. Sizepercent also updated to show opposite scale.
2021-07-20 11:21:32 +02:00
rjpeterson 0ef18df358
Make orderbook depth change dynamically with layout (#41)
* Make orderbook size change dynamically with layout

This change causes the depth value passed to the orderbook component to change in response to the height of the resizable container.
This allows users to show more or less of the depth of the orderbook depending on their preference.
Old behavior was to always show a depth of 8 rows regardless of the size of the container.

* revert changes to yarn.lock

* adjust depth formula, add assymetric depth in vertical mode

The depth of the orderbook now more closely matches the size of the container.
The scrollbar has also been disabled in the orderbook panel to enable the space to be used as efficiently as possible without the annoyance of the scrollbar appearing.
The vertical orientation of the orderbook now allows an odd number of ask rows and an even number of bid rows if it is able to use more of the available space.

* Make orderbook depth adjust on breakpoint change

Add orderbookDepth state which is managed by onBreakpointChange and onLayoutChange functions.

* Add orderbookDepth value to useMangoStore

* Simplify state management and move orderbook adjustments into useEffect

Remove orderbook state object from useMangoStore
This change solves the issue of the orderbook not adjusting on a new session, as well eliminates instances of repeated calls to adjustOrderBook()

* Fix lodash compile errors
2021-07-05 22:10:35 +02:00
Tyler Shipe 51e6d4c1cc remove loading state and add .flash class to visualize book updates 2021-04-26 11:20:55 -04:00
saml33 dbf6e7087f layout toggle for orderbook 2021-04-26 22:53:27 +10:00
saml33 72e70ad488 market pair header concept 2021-04-19 23:45:59 +10:00
saml33 f66710f14a font styling 2021-04-16 21:50:56 +10:00
Tyler Shipe 50dd3b618e add small ux fixes from alpha feedback 2021-04-15 17:36:55 -04:00
Tyler Shipe 062ac4105a all the fixes 2021-04-13 19:41:04 -04:00
saml33 f5cf996c41 more theme updates and ui tweaks 2021-04-14 00:10:57 +10:00
Tyler Shipe 932b52f649 remove xwind and convert to className prop 2021-04-12 12:49:02 -04:00
saml33 d9c27cca3c support for more than two themes 2021-04-12 23:32:01 +10:00
Tyler Shipe 35be5f1276 optimize rerenders 2021-04-07 11:44:22 -04:00
Tyler Shipe a0c0768473 add market select dropdown 2021-04-06 18:11:42 -04:00
Tyler Shipe ac631f1fd5 add recent market trades box 2021-04-05 16:48:24 -04:00
Tyler Shipe 45e278e331 fix orderbook styling 2021-04-05 15:03:20 -04:00
Tyler Shipe 82b091434e wip: wiring up global state to components 2021-04-05 10:40:58 -04:00
Tyler Shipe f03f1919a4 add trade form component 2021-04-02 14:26:21 -04:00
Tyler Shipe 37cf5bae14 create next app with trading view form and orderbook 2021-03-30 18:47:08 -04:00