This PR drastically improves the UX of the 'Add bill'-screen by providing visual hints and messages if the entered data is not valid and the bill cannot be added.
Before
After
I have also inlined the AmountInput component, because 1. it did not do anything useful 2. made it cumbersome to pass new props to the actual Input, like required or error.
Overall, the whole page is pretty messy but I did not want to put too much effort into it because it will be taken apart in the near future anyway (and replaced by a wizard or something).
This PR drastically improves the UX of the 'Add bill'-screen by providing visual hints and messages if the entered data is not valid and the bill cannot be added.
I have also inlined the
AmountInput
component, because 1. it did not do anything useful 2. made it cumbersome to pass new props to the actualInput
, likerequired
orerror
.Overall, the whole page is pretty messy but I did not want to put too much effort into it because it will be taken apart in the near future anyway (and replaced by a wizard or something).
This change is