leather-io / extension

Leather browser extension
https://leather.io
MIT License
304 stars 143 forks source link

Distinguish inbound vs. outbound activity with improved indicator color and/or design #3213

Open Hero-Gamer opened 1 year ago

Hero-Gamer commented 1 year ago

I've mentioned the same thing to Explorer team: https://github.com/hirosystems/explorer/issues/998

That the current Hiro design does not allow a user to quickly & easily spot which tx are going OUT vs coming IN. I'd love to see more icon design improvement under Activity tab (currently just the same blue icon with different white color symbols).

Can consider use of green & red colors, and / or use of wording to improve clarity.

image

314159265359879 commented 1 year ago

Hi Hero, Thanks for the suggestion. I think it is a good idea if we can discuss this with the explorer team see if we can take a similar approach.

I thought the negative sign before the total would be helpful. I am not sure if using red is a good idea users may think it is a failed transaction instead: image

I think it could be helpful in the explorer to show outgoing coins with a negative sign, right? image

markmhendrickson commented 1 year ago

Related: https://github.com/hirosystems/stacks-wallet-web/issues/3160

badonyx commented 1 year ago

Rather than simple up and down arrows, I would recommend a design language more like this, with semicircles indicating funds entering/exiting the account.

image

mica000 commented 1 year ago

@markmhx This seems to be working already on some branches.

Screenshot from: https://github.com/hirosystems/wallet/actions/runs/4435706571

Image

markmhendrickson commented 1 year ago

But not in the production version? 🤔