-
Notifications
You must be signed in to change notification settings - Fork 44
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Change stake modal to text input #6807
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
tested. looks good
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- I bought one stake and I am getting 4e-8 ETH. Not sure if this issue is because of this PR or not, but it worked fine earlier.
- I am concerned about this idea in general as it has a lot of potential issues that are already visible, both on technical and visual sides. I would say it needs better thought and maybe input from design team. I am listing some pitfalls I run into
- I am able to delete value from the input and a. it becomes without value on blur and b. it gives me 2 console errors because fundamental rules of react inputs are violated
Kapture.2024-02-21.at.13.52.47.mp4
-
I can type very long numbers which breaks both design and functionality
-
it looks bad on mobile in such cases (layout was not prepared for such a big numbers)
In my opinion, it cannot get in with this shape. I think we should
- use number input
- add proper validation for max number values
- figure out better UI for mobile or/and big numbers
...lient/scripts/views/modals/ManageCommunityStakeModal/StakeExchangeForm/StakeExchangeForm.tsx
Outdated
Show resolved
Hide resolved
...lient/scripts/views/modals/ManageCommunityStakeModal/StakeExchangeForm/StakeExchangeForm.tsx
Outdated
Show resolved
Hide resolved
...lient/scripts/views/modals/ManageCommunityStakeModal/StakeExchangeForm/StakeExchangeForm.tsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
added some css tweaks in latest commit
* input + gas optimization * use loose equality * block alphabetic input * set max value that fits on mobile + fix characters * convert to new designs * css tweaks --------- Co-authored-by: Marcin <[email protected]>
Link to Issue
Closes: #6766
Description of Changes
https://www.loom.com/share/61e1cc9e926f44228becc4195b310bb2
-bonus: includes an optimization for suggested gas in txs + add base as a network fix
Test Plan
Other Considerations