peggyjv/sommelier-strangelove

sommelier-strangelove's Issues

Use dialog instead of console error

add short explanation and point users to install metamask

You Principal

Protocal

Note: will need to account for multiple protocols in the future.

Overview Page:

Cellar Page:

Front End:

• Overview page
• Cellar page

TAB: Liquidity

Liquidity - Available Pools

TAB: Liquidity

User wants to see high level view of available liquidity pools.

• Shows 24 hour volume change
• Shows 7 day volume change
• Filter pools by Value Locked

Clicking specific Pool brings up more info
Figma example

Low Priority: Set up Plausible for new subdomain

We will need to add sommelier.strangelove.ventures to Plausible for analytics at some point. I passed off admin to @jackzampolin once the feature was implemented, so will need his eyes on this at some point. Super low priority at the moment, but didn't want to forget about it!

https://plausible.io/sites/new

24H Volume

Deposit MVP

• Modal

Find solve for passing cellar id from getStaticPaths to getStaticProps

useGetCellarQuery takes id as an argument, but we're using a slugified version of the name field from the GetCellarRoutes query to generate static paths of cellars. Next doesn't like this and errors out. I need to find a reliable solve to pass this id to the cellar page so I can query the subgraph from the client.

Strategy Assets

Liquidity Available Pools

Liquidity - Available Pools

TAB: Liquidity

User wants to see high level view of available liquidity pools.

• Shows 24 hour volume change
• Shows 7 day volume change
• Filter pools by Value Locked

Clicking specific Pool brings up more info
Figma example

TEST/EXAMPLE

Wire up appropriate SDKs to allow for txs between Ethereum and Cosmos blockchains

Implement metamask-cypress plugin

https://github.com/CraftAcademyLabs/cypress-metamask

Write a cheeky test that connects a test wallet to the client

WEB3 integration - Deposit Flow

Flow supplied by Superviallian.
Figma
Build: 3/06/2022

• Wallet Balance window reads users wallet balance
• "Max" Button inputs max amount into input field
• "Deposit" button -> deposits funds
  • Changes "Deposit" button to read "Depositing..." and greys out
  • Triggers Toast notification: "Depositing 10.425 ETH into Cellar"
    -- ONCE DEPOSITED--
  • Trigger Toast notification: "10.425 ETH deposited into Cellar" OR ERROR
  • Change button back to "Add Deposit"
• IF entered deposit amount > wallet balance, trigger note: "Your deposit is higher than your balance".

Cellar L2 MVP

• Cellar metadata
• Snapshot data card
• Performance chart
• Recent activity table

Implement new round of designs from SV

24 Hour Volume

Strategist Name

Note, this field may be removed.

Connect wallet button TEST

Create button that launches meta mask.

Figma

Bonded LP Tokens

Performance Graph

LP Tokens (Unbonded)

Strategy Type

Overview:

Cellar:

Front End:

• Overview page
• Cellar Page

Your current SOMM rewards- need to reflect the reward amount in the Cellar view

Dashboard MVP

• Header
• Hero
• "Cellar" section
• "Featured" section

Rewards Yield ("Your Investment" section)

Management Fee

No screenshot, not currently implemented in design. But will appear on Cellar Page under TVL (Value Managed)

Integrate Keplr context

Cellar Presentation Name

Overview:

Cellar:

Front End:

• Overview page
• Cellar Page

Liquidity - Search feature EXAMPLE

Create transaction UI

Implement metamask

https://docs.metamask.io/guide/

Minimum Deposit

Num of Depositors

Users Cellar Balance (unbonded)

Cellar Cap and Current Deposits

Performance Split

Investigate bundle size

Cellar Overview Copy

Wondering where this cellar overview copy comes from in the subgraph. Is it being pulled in in the form of markdown?
@Unique-Divine @sandbochs any insight here?

(Users) Net Value

Total Value Managed (TVL)

Overview page:

Cellar Page:

Front End:

• Overview Page
• Cellar Page

24H Cellar APY

My 24H Rewards

Line chart library exploration

One UI element that has remained consistent throughout the design process is a line graph.

• List all the possible line chart libraries we could use. They should be well maintained, preferably written in TS or have types available.
• For each possible option, what are the pros and cons? Let's pick 2-3 to test drive.
• Test drive 2-3 in a branch. Yes it's okay to install multiple libs during this exploratory phase. We could have testing routes even (/victory-test, /high-charts-test) knowing we will clean this up before merge.

Set up new Sentry account for sommelier subdomain

Deposit Strategy

Overview Page:

Cellar Page:

Deposit Modal:

Navbar MVP

• Logo section
• Nav items
• Community

(Cellar) APY

Overview Page:

Cellar Page:

Front End:

• Overview Page
• Cellar Page

test

this is to test the discord webhook

My 24H Returns

Your Yield