# Ricochet UI Sync 10/17

###### Mike & Sero (Ricochet) and Josh (RG)

## Documents Referenced

[Clickmodel](https://www.figma.com/proto/zDjyGA1ivpltZz7Hgnfat1/Ricochet-UI-design?node-id=8%3A64&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=8%3A64)

## UI Comments

### 1. General UI Notes
a. Add topline numbers on the UI (i.e. Total Amount Streamed, Net Flow Rate, RIC in wallet, etc) in style of [Stakedao Liquidity Locker](https://lockers.stakedao.org)
b. On top right, show RIC balance to left of truncated wallet address
c. Add a simple default view for if a user connects without positions
d. For pending transactions - add some sort of overlay/notification when in progress

### 2. Launchpad
a. Rebrand as "RexPro"
b. Add buttons for "Stream $20 per month" & "Purchase 100,000 RIC" (**Ben - play around with it**)
d. When you click on it, should have options for price to buy supply

### 3. "Your Balances"
a. Add a "Swap" button next to withdraw/deposit, as seen in [Sero's screenshot](https://discord.com/channels/684227450204323876/1017240890055598191/1031623292659965972)
b. Don't need to show amount in wallet, show amount converted to USD

### 4. "Your Positions"
a. For time left, have both the relative time ("2 Weeks Left") and absolute time ("November 1, 2022")
b. Alter the time callout to warn when **1 week or less** is left
c. Change the "yield" column to fees paid (as an incentive to switch to RexPro)
d. Add column for "Average Buy Price" a la [Mean Finance](https://discord.com/channels/684227450204323876/1017240890055598191/1031618162204094546) and one for difference between Average Buy Price and Current Price
e. A graphic/animation for "Subsidies" - markets with extra rewards/discounts
f. A column with the RIC earned in a given position