Improve input field claim

[fairlighteth]

Summary

Account used: 0x4bD39704a83dCB41B74b550988A832b83d5b9Cb0

Tries the achieve:

• For the Airdrop row, hide the Price element.
• Making the investment amount input field editable, binding the value. Will probably need more work.
• The default value for the value attribute is always 0 (String) based on investedAmount. Prefer to return an empty string so it falls back to the placeholder attribute behavior.

Note

• Crashes right now when entering a very big number
• the max attribute is currently not respected. Even when adding the type="number" attribute/value to the Input element. Probably something to do for the onChange handler.

Screen.Recording.2022-01-18.at.12.46.56.mov

[W3stside]

actually why is max written in abbreviated form? can and should just be Invest max possible or Invest maximum possible

[github-actions]

• 🔭 GP Swap: Gnosis Protocol v2 Swap UI

[fairlighteth]

@W3stside The shorter the better (because of a variable balance width/size). But agreed, we could just rename max. to max

Will commit.

[elena-zh]

@biocom , I was also able to catch the app crash when I entered a period/comma into the input amount (decimal that starts with 0). Btw, impossible to enter '0' into the field

the same is when I enter letters. special symbols, etc.

Also, the app is crashed when enter an amount, then clear out the field.

[elena-zh]

Also, it is possible to input a negative amount into the field (I copied and pasted it)

[elena-zh]

I'm not sure if it is related to this PR or not, but it would be great to disable the field and set its value to 100% when claim on behalf, as a user for this case will have to claim 100% amount only for an investment option.

[fairlighteth]

@elena-zh

I'm not sure if it is related to this PR or not, but it would be great to disable the field and set its value to 100% when claim on behalf, as a user for this case will have to claim 100% amount only for an investment option.

Yes, this is a scenario where we need to enable the disable attribute on the input element.

[anxolin]

Approving!

I see there's some issues, however the two PRs michel is working on are mostly to tackle design.

The error for input empty string for example, could be dealt in a future PR. Actually @nenadV91 is working in sth similar, so i think we can ignore for now.

Same as investing on behalf of someone else, Elena you are right! although we will deal in another one.

[alfetopito]

Looks good

One small suggestion and this issue which will likely be fixed by Nenad, but just point out because it's kinda funny

The USDC amounts are probably not using the right amount of decimals :)
Or it's that issue with Rinkeby USDC used that has 18 rather than 6 decimals 🤷