ffbd2d107a
* first iteration of useTicks and useActiveLiquidity * feat(pools): add liquidity depth chart (#1835) * cleanup * use area chart instead of bar chart * check for undefined rather than falsy * feat: range buttons based on fee amount (#1870) * range buttons based on fee amount * hardcode percentages as ticks * increase blocksperfect * feat: optimize add liquidity charts (#1880) * ignore syncing state * remove surrounding ticks * avoid processing price1 as it is unused * cleanup * feat: add zoom buttons to liquidity depth chart (#1882) * ignore syncing state * remove surrounding ticks * avoid processing price1 as it is unused * cleanup * first pass at +/- zoom buttons * remove console.log, cleanup * use real price for price line * updated brush handles to latest spec * added % labels to handles * round tick to nearest usable tick * first pass at brushable area chart with d3 * first pass at brushable area chart with d3 * rework * address PR comments * add brush handles * address PR comments * further improvements * feat(pools): improve full range support + capital efficiency warning (#1903) * handle min and max prices in add liquidity * cleaned up * use flag to denote full range * reset inputs on fee select * fixed merge conflict * handle full range in positions preview * fixed invalid range when tokens are reversed * use formatTickData * updated layout * cleaned up layout * fixed address * avoid re-rendering deposit amounts * added zoom behavior and more styling * renamed chart * renamed main chart file; * add brush tooltips * remove chart title * added accents to brush handles * more work * moved to file * modularize chart components * fix maximum depth * added brush labels * cleanup * cleanup * set up zoom * added new components * improved brush and zoom integration * cleaned up clip path * fixed clip paths * integrated with the graph changes * adjust fee selector * fix data error * add bar chart * polish * merged * clean up error * cleaned up after merge * visual improvements * moved +/- buttons to the right/left * removed margin bottom * removed unsused * fix brush labels % change * use d3.axisBottom * updated labels * improve brush range * fix one brush change only * adjust zoom and clippath * use bars * use area * adjust axis bottom to mocks; * improved bars * show bar colors * better handle full range * adjust colors for light mode * updated to mocks * adjusted handles for visibility * switch to area * add react ga events * adjusted to mocks * memo brush domain to avoid re-renders * fix inputstepcounter color * adjust handles * rely on the graph sorting tickidx * use curvestepafter * updated polish * merged main * add clamping and other fixes * highlight selected area using a mask * use price instead of % for labels * delete unused * refine ux * relayout * improve hooks * adjust layout for mobile * fixed card color * adjust padding * preent tick overflow * flip handles sooner * delete bars.tsx |
||
---|---|---|
.. | ||
index.tsx |