Skip to content

Conversation

@0xPearce
Copy link
Collaborator

@0xPearce 0xPearce commented Oct 24, 2025

Created SliderInput component on top of the Slider and NumericTextField
Replace the slider + input components with the new one
Llamalend filters menu not automatically closing anymore
Implemented non-linear scale for inputs
Updated Slider stories + llamalend tests

  • In the market list add show all pools button when no markets
  • implement SliderInput component that wraps the Slider and Inputs component with all variants
  • update the input values as a user is sliding
  • Replace Llamalend table filtersSlider with SliderInput
  • Fix llamalend filters range popup closing on each value change
  • Slider inputs adornmets
  • add format value to input when out of focus
  • implement logarithmic scale
  • Replace TradingSlider and Bands slider with SliderInput
  • liquidation range story
  • update llamalend tests (sliders failing)
  • refactor the slider inputs state: value (source of truth), internal state between slider and input (debounced) and optional format state for input
  • fix input height
  • format onBlur test for NumericTextField

@vercel
Copy link

vercel bot commented Oct 24, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
curve-dapp Ready Ready Preview Comment Nov 6, 2025 4:43pm
curve-dapp-storybook Ready Ready Preview Comment Nov 6, 2025 4:43pm

@0xPearce 0xPearce changed the title Feat/improve llamalend slider Feat: improve llamalend slider Oct 24, 2025
@0xPearce 0xPearce changed the base branch from main to improve-slider October 24, 2025 18:22
format={formatUsd}
data={data}
adornment="dollar"
scale="power"
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just to be sure, we are going with this scale. Try the llamalend filters

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tried to make it simpler, hope that's the case 😅. I can always reverted back to a simpler version without debounce

...sx,
...(adornment === 'bands' && {
flexShrink: 0,
maxWidth: MaxWidth.sliderInput.bands,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Huh I would expect minWidth here to make sure it's wide enough to at least fill the adornment, not maxWidth :thinking_face:

value={percentage ?? `${MIN_PERCENTAGE}`}
onChange={(value) => handlePercentageChange(value as Decimal)}
sliderProps={{
'data-rail-background': 'danger',
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think we want to hardcode this specific style for every instance of LTI

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants