# UI Review (4.00)
###### tags: `UX`, `UI`
3Fi. v1. UI Review

## App / Emissions / Body & Cards

> Page body and Card content.

## **WALKTHROUGH**:

Existing view: '**Walkthrough**'

Notes:
* This document does not consider the state of the navigation as shown in the above existing UI reference.
* Changes to the navigation are covered in other documentation.

Amends:
* Point 1
* Replace '**Annualized percentages**' with '**Auto-compound options**'
* Point 2
* Replace '**CRV**' icon with '**FRAX**' icon
* Replace '**3Fi**' icon with '**BENT**' icon
* Replace '**CRV wallet**' lable with '**FRAX wallet**'
* Point 3
* Replace '**Only available when 3Fi token or NFTs have been accrued or purchased**' with '**Only available when 3Fi NFTs have been composed or purchased**'
* **Note**: Referenced UI text has an error, use the above text instead.
* Point 4
* To better future-proof the compound emissions list, we need to break down the list into individual tokens. Therefore:
* Remove sd.Curve, bent.Convex and Bent cards and replace these with:
* A CRV card
* A sdCRV card
* A CVX card
* A bentCVX card
* A Bent card
* Point 5
* The sample liquid emissions are not real.
* Liquid emissions only reflect two tokens if they are wrapped.
* The large icon reference is the underlying asset.
* The small icon reference is the protocol which wrapped the underlying asset.
* NO grey tokens should be displayed in the '**Emissions**' space. Please remove all of these...
* Point 8
* We will no longer display APR references in the '**Emissions**' space. Remove all APR references and replace them with the following:
* Title = '**Signal Opt'**'
* Display compound option buttons that relate to each compound emission as shown in the below Proposed UI reference.

*All above amends are also referenced in the below proposed UI references:*

Proposed view: '**Walkthrough**'



## **WALLET CONNECTED**:

Existing view: '**Connected**'


Notes:
* This document does not consider the state of the navigation as shown in the above existing UI reference.
* Changes to the navigation are covered in other documentation.

Amends:
* Point 1
* Replace '**Annualized percentages**' with '**Auto-compound options**'
* Point 2
* Replace '**CRV**' icon with '**FRAX**' icon
* Replace '**3Fi**' icon with '**BENT**' icon
* Replace '**CRV wallet**' lable with '**FRAX wallet**'
* Point 3
* Replace '**Only available when 3Fi token or NFTs have been accrued or purchased**' with '**Only available when 3Fi NFTs have been composed or purchased**'
* **Note**: Referenced UI text has an error, use the above text instead.
* Point 4
* To better future-proof the compound emissions list, we need to break down the list into individual tokens. Therefore:
* Remove sd.Curve, bent.Convex and Bent cards and replace these with:
* A CRV card
* A sdCRV card
* A CVX card
* A bentCVX card
* A Bent card
* Point 5
* The sample liquid emissions are not real.
* Liquid emissions only reflect two tokens if they are wrapped.
* The large icon reference is the underlying asset.
* The small icon reference is the protocol which wrapped the underlying asset.
* NO grey tokens should be displayed in the '**Emissions**' space. Please remove all of these...
* Point 6
* Replace the word '**Collected**' with the word '**Claimable**'.
* Note: In previous designs, the word 'Claimable' is replaced with the 'Set Signal' after first harvest. This is **No longer** the case. See point 7 for details.
* New expected behaviour is for the title '**Claimable**' to remain and when a harvest occurs (by the user or community), the number of tokens collected will reset.
* Point 7
* We will no longer be referencing any 'Deposit' 'APRs' in the referenced column.
* Replace the label '**Deposit**' with the label '**Set signal**'
* Replace the displayed '**APR**' with '**Signaled buttons**'.
* Note: When the user has not 'Set' a signal, insert the prompt: '**Unset**'
* After the user performs a harvests to 'Set' their signal, display the button of the compound asset the emission will be compounded into. See the second Proposed UI reference below for an example of this.

*All above amends are also referenced in the below proposed UI references:*

Proposed view: '**Connected**'



## Rollovers

Existing view: '**Walkthrough**'

Existing view: '**Connected**'

Amends:
* In both 'Walkthrough' and 'Connected' state views, on rollover the text '**Max NFT boost:**' with a figure is revealed.
* Remove this title and value and;
* Centre the updated text as shown below:

Proposed view: '**Wakthrough**'

Proposed view: '**Connected**'