Better log(aka. message) formatting

[MohamedElmdary]

Note

This PR includes the component which format error but not yet used anywhere

Description

better error formating

Changes

error-format.mov

Usage

<TfLogFormatter :msg="'some string message'"/>

Related Issues

• 🐞 [Bug]: too low balance error look too bad in connect your wallet #2662
• More friendly error messages #2841

Documentation PR

For UI changes, Please provide the Documetation PR on info_grid

Checklist

• Tests included
• Build pass
• Documentation
• Code format and docstrings
• Screenshots/Video attached (needed for UI changes)

[amiraabouhadid]

It doesn't look that user friendly to me to be honest @ehab-hassan, what do you think?

[ehab-hassan]

It doesn't look that user friendly to me to be honest @ehab-hassan, what do you think?

It shows the main error message then if the user needs more info he clicks to expand, can you explain more about what it is not friendly to you?

[0oM4R]

I suggest putting this great feature on the logger instead

[amiraabouhadid]

It doesn't look that user friendly to me to be honest @ehab-hassan, what do you think?

It shows the main error message then if the user needs more info he clicks to expand, can you explain more about what it is not friendly to you?

Might look strange to a user not familiar with json format. But if you approve, then it's alright by me.

[ehab-hassan]

@MohamedElmdary can we make it as Expansion panel?