Important UX/UI changes when users make Refunds.

[agichim]

After a refund has been made, the Refund button doesn't display anything too visible to the user that a refund has already been made.

I know the order states Cancelled on top on the left.
I know there is a Refund amount on the same line where the Refund button is.
I know that when you click Refund for a second time, the price field states the remaining balance that was not refunded instead of the total Order amount.

When you try to refund an amount which is higher than the total Order (refund going negative) the platform gives a 500 error.

Proposals to implement:

• if a partial refund has been made, show next to the word Refund a number indicating how many times a Refund has been made. 1 Refund →
• if a total refund has been made, the button should be greyed out and not-clickable, keeping the number in parenthesis OR remove the number and change the wording from Refund to Refunded →
• the Cancelled tag on the top-left, should also change to Refund after a refund has been made. Of course, it should change across the platform, globally.
  
• the word completed should be green.
  

Although a larger refund than the available amount cannot be made, I believe there should be some specificity like the one I mention above.

[Paul-Eraman-CoopCycle]

@lucasferraro How difficult might this be?