Fix recent transactions on dashboard - Closes #2253

[slaweet]

What issue have I solved?

#2253

How have I implemented/fixed it?

• Fix the logic for displayed address to account.address === tx.recipientId ? tx.senderId : tx.recipientId
• Fix styles of "amount" to
  1. not have a fixed height, so even if it's two lines it's all in the green box
  2. show only at most 2 decimal points on the dashboard as there is not much more space anyway. There was a suggestion to use the same logic as in Lisk Mobile https://github.com/LiskHQ/lisk-mobile/blob/development/src/components/shared/formattedNumber/index.js but that one doesn't handle localization so I didn't use it.

How has this been tested?

• Send some transactions with long numbers, e.g. 0.92046708 LSK
• Check how are they displayed on the dashboard

Review checklist

• The PR follows our Test guide
• The PR follows our CSS guide

[osvaldovega]

@slaweet I check the code and test it and looks good everything works as should be, but there is one minor details that is in the Recent Transaction component the last row has a underline and it shouldnt I know that is part of your other ticket but dont know if you already rebase or not.

Just in case

[slaweet]

@slaweet I check the code and test it and looks good everything works as should be, but there is one minor details that is in the Recent Transaction component the last row has a underline and it shouldnt I know that is part of your other ticket but dont know if you already rebase or not.

This was changed only after 1.20.0. You can check the base branches:
https://jenkins.lisk.io/test/lisk-hub/development/#/dashboard
https://jenkins.lisk.io/test/lisk-hub/release-1.20.0/#/dashboard

[osvaldovega]

I see you are right my fault all good then

[Efefefef]

🏅