0ef18df358
* 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 |
||
---|---|---|
@types | ||
components | ||
hooks | ||
pages | ||
public | ||
stores | ||
styles | ||
test | ||
utils | ||
.babelrc | ||
.eslintignore | ||
.eslintrc.json | ||
.gitignore | ||
.nvmrc | ||
.prettierignore | ||
.prettierrc | ||
README.md | ||
jest.config.js | ||
netlify.toml | ||
next-env.d.ts | ||
next.config.js | ||
package.json | ||
postcss.config.js | ||
tailwind.config.js | ||
tsconfig.json | ||
yarn.lock |
README.md
Mango UI V2
Uses:
- Typescript
- Linting with ESLint
- Formatting with Prettier
- Linting, typechecking and formatting on by default using
husky
for commit hooks - Testing with Jest and
react-testing-library
Run
yarn
yarn dev