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

## App / Emissions / Collateral Wallet

### WALKTHROUGH

Existing '**Action Options**':

Proposed '**Action Options**':

Amends:
* Some of the following may be resolved by ([UI_Review_2.01](https://hackmd.io/@3Fi-4-DeFi/UI_Review_201)) ...meaning, by widening the drawer to 4 columns, the increase in width may provide enough space to resolve the below amends.
* Point 1
* Update the card title from '**3Fi Collateral - CRV wallet**' to '**3Fi Collateral - FRAX wallet**'.
* Point 2
* Replace the '**'Help Text'**' for '**Manage**' and '**Distribute**' with a common statement:
> '**This feature will be available after the release of v2.1. Details about this feature will be shared shortly before release.**'
* Point 3
* Replace the '**'Help Text'**' for '**Claim**' with the following:
> FRAX accrued across all 3Fi-NFTs, owned by the connected wallet will be claimed and withdrawn to the same wallet.
* Point 4
* Move the prompt from the existing location in the '**drawer**' to the proposed location in the '**card**'.
* Replace the prompts text with the following:
> Only available when 3Fi NFT’s have been composed or purchased.
* Point 5
* In the '**Walkthrough**' state, the '**Connect Wallet**' button should be raised to a common height below the '**Help text**' as shown in 'Proposed Action Options'.
* Note:
* Regardless of how many lines the '**Help test**' is, the '**Connect Wallet**' button should remain at the same height so that when the user 'flicks' between '**Secondary tabs**', the button does not move. Movement would cause distraction of the users attention on the content that is important. Keeping this button static would avoid this. Further:
* I recommend raising the '**Connect Wallet**' button to the proposed position as it makes it easier for users to access and reduces the risk of users 'missing' the button altogether.

### CONNECTED WALLET

Existing '**Action Options**':

Proposed '**Action Options**':

Amends:
* Some of the following may be resolved by ([UI_Review_2.01](https://hackmd.io/@3Fi-4-DeFi/UI_Review_201)) ...meaning, by widening the drawer to 4 columns, the increase in width may provide enough space to resolve the below amends.
* Point 1
* Update the card title from '**3Fi Collateral - CRV wallet**' to '**3Fi Collateral - FRAX wallet**'.
* Point 2
* Replace the '**'Help Text'**' for '**Manage**' and '**Distribute**' with a common statement:
> '**This feature will be available after the release of v2.1. Details about this feature will be shared shortly before release.**'
* Point 3
* Replace the '**'Help Text'**' for '**Claim**' with the following:
> FRAX accrued across all 3Fi-NFTs, owned by the connected wallet will be claimed and withdrawn to the same wallet.
* Point 4
* Move the prompt from the existing location in the '**drawer**' to the proposed location in the '**card**'.
* Replace the prompts text with the following:
> Only available when 3Fi NFT’s have been composed or purchased.

**Note**:
The demo UI does not allow me to construct a circumstance where the above drawers display an active action state. Ie. Where a user may choose to claim their accrued NFT rewards as FRAX or GUILDS (Debt) Therefore:

> **Please ensure these drawers are correctly constructed as shown for future UI review when the product is live.**
> Any questions, please contact Gravity ASAP in our discord or Telegram.