Transaction Details Improvements for tokens

[smaroudasunicorn]

The following improvements are proposed for transaction details:\

1. Provide a link to token name to navigate to token details page
2. Display FIAT Value information as defined on the transaction date. (Same to be displayed on transaction List)

[smaroudasunicorn]

@onvisions can you help for this ticket too?

[smaroudasunicorn]

We can achieve it for token details without performance impact and additional complexity. Let 's proceed with that first

[smaroudasunicorn]

@CedrikNikita we would like to explore how to achieve to show historical data for every transaction. Following a sync with @paolomolo

[onvisions]

@smaroudasunicorn @CedrikNikita
If we can follow the price history and draw a chart we can include such feature on the token details page. We can also think of user's portfolio showing the buys/sells and the average gains for specific token.

Regarding the scope of the current task I am suggesting the following as MVP:

1. Transaction details page:

Token sale: BUY

• show "Buy price" (AE and Fiat);
• show "Current price" (AE and Fiat);
• show the percentage of price change.

Token sale: SELL

• show "Sell price" (AE and Fiat);
• show "Current price" (AE and Fiat);
• show the percentage of price change.

DESIGN:

1. Token Sale - Buy (price increased)

2. Token Sale - Buy (price decreased)

3. Token Sale - Sell (price increased)

4. Token Sale - Sell (price decreased)

FIGMA REFERENCE: https://www.figma.com/design/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?node-id=37558-322970&node-type=frame&t=AZN7JJF0uYJ7uRwk-0

2. Transactions list: (we keep it as it is)
Token sale: BUY

• Tokens bought;
• AE Spent; (should we include here also the transaction fee and gas costs?)
• Fiat value of AE Spent (fiat is calculated always at the present moment).

Token sale: SELL

• Tokens sold;
• AE Received; (should we deduct here the transaction fee and gas costs?)
• Fiat value of AE Received (fiat is calculated always at the present moment).

All fiat values should be always calculated based on the price of the asset compared to fiat at the present moment.

[onvisions]

DESIGN V2
@smaroudasunicorn
In this suggestion we track the price of the ADASTRA token against AE coin and USD (fiat) at the moment of BUY/SELL and at the current moment; The change of price is also displayed in %:

1. BUY

2. SELL