feat(tokenInput): number format

[fernandomg]

Closes #95

Description:

This adds a 3rd party library (react-number-format) that handles the input formatting.

It wraps the TextField passed to the BigNumberInput component, in the TokenInput implementation.

TokenInput has a new prop (thousandSeparator, default to true) that enables activating/deactivating this feature.

We can explore the functionality that this library provides. For instance, the number formatting in general, we can get rid of the uniswap/conedison code altogether.

Steps:

Use the token input example, enter values >= 1000, and see the magic 🪄

Type of change:

• [x] New feature
• [ ] Bug fix
• [ ] Breaking change
• [x] Enhancement
• [x] Refactoring
• [ ] Chore

How Has This Been Tested?

• [x] Manual testing
• [ ] Automated tests
• [ ] Other (explain)

Remember to check that:

• Your code follows the style guidelines of this project
• You have performed a self-review of your code
• You have commented your code in hard-to-understand areas
• You have made corresponding changes to the documentation
• Your changes generate no new warnings

Screenshots

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
dappbooster	✅ Ready (Inspect)	Visit Preview	Aug 1, 2024 2:13pm

[fernandomg]

I think it works fine. Code looks good to me.

For instance, the number formatting in general, we can get rid of the uniswap/conedison code altogether.

How difficult a task would this be? Can it be done here? Else create an issue so somebody works on this later.

new issue: https://github.com/BootNodeDev/dAppBooster/issues/200