GithubHelp home page GithubHelp logo

stabilitydao / stability-ui Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 2.0 5.79 MB

Stability Platform User Interface

Home Page: https://stability.farm

License: GNU General Public License v3.0

JavaScript 0.10% TypeScript 98.48% Astro 1.19% CSS 0.22%
astro dapp ethereum-dapp react typescript viem web3

stability-ui's Issues

ZAP

  • ZAP blue-chip
    • approve
    • preview deposit
    • deposit
    • withdraw
    • preview withdraw
    • bug fix & tests

Vault: Vault block

  • Type
  • Status
  • HardWork on deposit
  • Created
  • add to Metamask (with generating symbol with 11 max length)
  • VaultManager NFT [subgraph]
  • gas reserve

Vault: Liquidity pool, Underlying ALM

Liquidity pool

Block in vault page. Must be shown for all ILPStrategy ERC165 strategies.

  • protocol logo, name, symbol
  • fee
  • TVL, assets amounts, %
  • liquidity chart (DeX subgraph)

Underlying ALM

Block in vault page. Must be shown for ILPStrategy ERC165 strategies with underlying.

  • protocol logo, name, symbol
  • TVL, assets amounts, %
  • positions (tickLower, tickUpper, amounts, tvl, in range yes/no)
  • rebalances 24h / week
  • protocol fee [subgraph, temporary hardcode]

Vault

Vault page

  • #1
  • #16
  • #18 assets logo, symbol, name, network
  • #20 Your deposit, TVL, APY, Daily, Last HardWork
  • #30 share price, vault type
  • #21
    • name, specific, strategy address, vault address, gh link
    • APY breakdown (from vaults apy tooltip)
    • description
    • base strategy names
    • AMM adapter (for ILPStrategy ERC165)
  • Investing component
    • #15
    • #22
    • asset0+asset1
      • approve
      • preview deposit
      • #17
      • withdraw
      • #25
    • ZAP blue-chip
      • coming soon
    • underlying
      • approve
      • #33
      • withdraw
      • preview withdraw
  • Design
    • select image
  • Assets
    • logo, name, symbol, price, address
    • #24
      • description
      • website
      • docs
      • tags: stablecoin, bridged

[BLOCKED] RMVault

  • Claim rewards
  • RVault bbToken, boost reward tokens
  • RVault boost rewards vesting duration

New vault

New vault page

  • List of vaults to build
  • create Compounding vault
  • create Rewarding vault
  • show buildingPermitToken usage

Vault and strategy upgrade

It is necessary to compare the current versions of the vault and strategy with the implementation versions. If the versions do not match and the upgrade is allowed, then we display the Upgrade buttons, which perform the upgrade through the factory contract.

  • vault upgrade
  • strategy upgrade

Vaults

Vaults

  • #1
  • Table of vaults with sorting and filters #8 #9
    • symbol
    • assets
    • type
    • strategy
    • Balance
    • sharePrice
    • TVL
    • APR
  • APR tooltip #10
    • Vault APR
    • Strategy APR
    • Underlying APRs
  • live search
    • assets symbols
    • vault symbol
  • refactoring
    • tvl priority
    • refactoring vaults code
    • add new types
    • refactoring constants | types | utils
  • pagination
  • vault link

Transaction processing

  • invest form layout
    • show empty input $ amounts $0.0
    • show action button always
      • empty input: Enter amount disabled button
      • approve asset0+asset1 - 2 buttons in 1 row: Approve USDC, Approved WMATIC (disabled)
      • loading state: Loading
    • Swaps always visible block with fixed height (for zap deposit, zap withdraw)
    • You receive always visible block with fixed height (for all)
  • pending hashes in localStorage
  • invest form interactions (approve, deposit, zap deposit, underlying deposit, withdraw, zap withdraw, underlying withdraw)
    • reload updates all
    • awaiting user confirmation
    • pending transaction
  • toasts
    • explorer link
    • pending
    • success
    • failed
  • transaction settings
    • approves limited / unlimited
    • gas limit multiplier
  • approves fix
  • CF fix

Vault: errors

Need to parse and show custom errors on deposits and withdrawals.

Contests

  • Contests page
    • Feature, Current, Complete
  • Contest page
    • title, dates
    • prizes
    • top100 farm rewards earned

Vault - Contracts block

  • vault logo | Vault | vault short address | copy | polygonscan logo link
  • strategy short name | Strategy | strategy short address | copy | polygonscan logo link
  • underlying logo | Underlying symbol | underlying short address | copy | polygonscan logo link
  • dex logo | Pool symbol | pool short address | copy | polygonscan logo link
  • asset0 logo | asset0 symbol | asset0 short address | copy | polygonscan logo link
  • asset1 logo | asset1 symbol | asset1 short address | copy | polygonscan logo link
  • icon | ZAP | zap short address | copy | polygonscan logo link

Landing page

Lending page sections draft:

Hero Section

  • Headline: A concise, impactful statement that captures the essence of Stability (e.g., "Infrastructure layer for strategic DeFi Assets Management").
  • Sub-headline: A brief description that elaborates on the headline (e.g., "Optimise your assets and maximise returns with our advanced liquidity management tools.").
  • Call to Action (CTA): Button prompting users to engage (e.g., "Run App").
  • Visuals: High-quality images, illustrations, or animations that represent Stability protocol’s benefits.

Overview of Features

  • Feature Highlights: Briefly list and describe key features (e.g., "Automated Yield Farming", "Real-time Analytics", "Cross-Chain Integration").
  • Icons/Graphics: Use icons or small graphics to visually represent each feature.

How Stability Works

  • Step-by-Step Explanation: Outline the process of using Stability protocol in 3-5 simple steps (e.g., "1. Connect Wallet, 2. Deposit Assets, 3. Earn Yield").
  • Visual Aids: Include diagrams, flowcharts, or screenshots to illustrate each step.

Benefits

  • User Benefits: Clearly state the advantages users will gain (e.g., "Maximise Returns", "Minimise Risk", "Simplified Management").
  • Testimonials: Quotes from users or industry experts endorsing Stability protocol, accompanied by their names and photos if possible.

Tokenomics

  • Token Distribution: Explain how tokens are distributed and used within the ecosystem.
  • Use Cases: Describe various use cases for the token.

Security and Audits

  • Security Measures: Detail the security protocols and measures in place to protect users’ funds
  • Audit Reports: Provide links to third-party audit reports to build trust.

Roadmap

  • Development Milestones: Present a timeline of past achievements and upcoming milestones
  • Future Plans: Briefly describe long-term goals and vision.

Partners and Integrations

  • Strategic Partners: Showcase logos of notable partners and integrated platforms (e.g., wallet providers, exchanges, other DeFi protocols).
  • Integration Benefits: Explain how these partnerships enhance Stability protocol.

Team

  • Team Members: Introduce key team members with their roles, bios, and LinkedIn profiles.
  • Advisors: Highlight any prominent advisors supporting the project.

Community and Social Proof

  • Community Links: Links to Stability social media channels, forums, and community groups
  • Social Proof: User statistics, such as the number of users, total value locked (TVL), and any media mentions or awards.

FAQs

  • Common Questions: Common queries about the protocol, its features, and its use
  • Search Functionality: Optionally, search bar for ease of use.

Contact and Support

  • Contact Information: Contact form, or direct links to support channels.
  • Help Center: Link to a knowledge base or help center with detailed guides and documentation.

Footer

  • Navigation Links: Include links to important pages (e.g., Home, About, Features, Blog, Contact).
  • Legal Information: Links to privacy policy, terms of service, and any legal disclaimers.
  • Social Media Icons: Icons linking to Stability social media profiles.

DAO

DAO page

  • Platform
    • version
    • total vaults
    • total tvl
    • strategies (shortNames)
    • platformFee, vaultManagerFee, strategyLogicFee, ecosystemFee
  • Tokenomics
    • profit
      • name, symbol, logo, address
      • price, total supply, market cap
      • swap and chart links
      • *wallet, staked
      • *stake, unstake
    • sdiv
      • name, symbol, logo, address
      • total supply
      • *wallet, earned
      • *claim
    • pm
      • name, symbol, logo, address
      • total supply / to mint
      • marketplace link
      • *mint
  • Governance
    • treasury address and balance
    • governance contract, tally link
  • Team
    • multisig address and balance
    • gh org people

Fixes

  • Portfolio
    • fix portfolio layout
    • show daily % / $...
  • Vaults
    • APY -> APR / APY
  • Vault
    • DQMF underlying deposit/withdraw
    • APY -> APR / APY
    • show Daily on sm, md
  • Account
    • show PMs

Beta UI Q1 2024

January 2024

  • Vaults
    • #57
    • #58
    • platform name, version, tvl in end of Portfolio block
  • Vault page
  • Layout

February 2024

  • Vaults
    • #108
    • loader insted Loading vaults..
    • Vaults: styling #126
  • Vault page
    • Vault - Strategy: Rebalances 24h, Rebalances 7days
    • Vault - Invest form - Underlying
      • remove Swaps block
      • show you receuve amount on withdraw
    • Vault -> Strategy: APR table #142 #143
      • columns: Latest, 24h, Week
      • lines: Total APY, Total APR, Pool swap fees APR, Strategy APR/Farm APR
    • #141 #138 #137 #140 #139
    • #86 #124
  • Layout
    • #100
    • #114
    • #115
    • #104
    • Loading
      • Vaults: show list when subgraph ready
      • retry subgraph api (2 times)
      • show error and Reload button on loading error below loader
    • provider logo

March 2024

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.