FIx the way fees are displayed

[KubaMikolajczyk]

Overview We display fees in many ways and we have no set of rules about displaying them. Recent user test discoveries led to the conclusion that the way we display fees in atlas need to be fixed.

User feedback During our recent sessions when testing CRT we have users who were concerned with the fact that fee is displayed for them on each step of CRT workspace which led them to confusion and questions like: "Am I going to pay for each step?". This issue also resulted in making one of them hesitant to proceed in experience due to the fact that they couldn't find the information if they will pay for each step.

Where do we show fees?

In multiple different workspaces in their action bars : Video workspace, NFT workspace, CRT workspace but also editing membership page, submitting playlist and more.

In multiple different dialogs for flows where user make a transaction like in CRT transfer, CRT buy & sell but also in other dialogs where the fee is just for making the action

In summaries of forms in workspaces like in Video workspace, NFT or CRT and more

Solution We can set few simple rules to address those issues:

1. For flows where user makes a purchase, sale or any other transaction like buying NFT in workspace or buying CRT in dialog we should NOT display the fee in the action bar or dialog footer and display it only in summary page

2. For flows where user does not make any transaction like editing, adding something new and there is no summary or the form as user just pays for making an action on the blockchain we SHOULD display the fee in the action bar or in dialog footer

Additional fix Also in few places we already show multiple fees those could be hidden under one "fee" label and the fee breakdown could appear when hovering on it in some kind of tooltip this would make it easier if we ever have more than one fee for flows num 2 in solution. Below some examples how finance and coinbase do exactly that:

Estimates Work on gathering all use cases of fees in all files, creating one unified fee component with breakdowns, documentation and replacing it in all files should take around 1,5-2 days