Skip to content

Improve colors/icons of different transaction types #474

@Robyer

Description

@Robyer

Some transaction types currently have distinct icons and colored left edge of the their layout.
This is nice, but the color should be applied to their icons too.

Additionally, the icon for the "Received" / "Sent" transactions should be changed, because current "arrow up" used for "Received" doesn't make logical sense.

Note there are two contexts to consider:

  • One is looking at the "wallet" page, where transactions are basically deposits and withdrawals (and other actions).
  • Second is looking at the "block" / "latest transactions" page, where every transfer is just a transfer (but if we looked at the same TX from the wallet page, it would be either deposit or withdrawal).

Specific proposed changes

  1. Make "Received" icon to be "arrow down", symbolizing the coins were put inside the wallet (imagine inserting a coin into a piggy bank, or putting a note into a classic wallet).
    + Use green color, as this means balance increased by this deposit. (Both for the left edge and the icon itself.)
Image
  1. Make "Sent" icon to be "arrow up", to be the inverse of the received TX.
    + Use red color to indicate balance decreased. (Both for the left edge and the icon itself.)
Image
  1. "Coinbase" is a mining reward, so maybe the icon could be changed to something representing mining instead of the current star.
    + In any case the green edge color should be applied to the icon itself too.
Image

Note: The green color could be same for the "Coinbase" and "Received" types, because both just represent "balance increased".

  1. "Message" icon is fine, but the purple color should be applied to the icon too.
Image
  1. "Token" icon is fine, but the blue color should be applied to the icon too.
Image

These all are for the "wallet" context.

  1. "Slave transaction" icon is fine, but the pink icon should be applied to the icon too.
Image
  1. ... maybe there are other transaction types that I haven't listed, but the point is same - apply unique color to both the edge and icon itself.

Note all these have been in the context of wallet page.

From the context of "blocks" / "latest transactions" perspective, using the "arrow right" icon and orange color for all these transfers is correct and should stay as is.

Image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions