Skip to content

Add sidebar view for yield opportunities #344

@amish777

Description

@amish777

Overview

We need to implement a sidebar view for yield opportunities to provide users with easy access to available yield options while navigating through the Terminal interface.

Background

Currently, users need to navigate to a dedicated page to view yield opportunities, which interrupts their workflow and reduces the visibility of potentially valuable yield options. A sidebar view would allow users to monitor opportunities while performing other tasks in the application.

Requirements

UI/UX Design

  • Create a collapsible sidebar component that integrates with the existing Terminal interface
  • Design a compact view that displays essential yield information at a glance
  • Include sorting and filtering capabilities directly in the sidebar
  • Implement visual indicators for high APY opportunities and newly added options

Functionality

  • Display real-time yield data pulled from our existing API endpoints
  • Allow users to:
    • Sort by APY, risk level, or protocol
    • Filter by asset type, minimum deposit amount, and lock-up period
    • Quickly access detailed information with a single click
    • Add opportunities to a watchlist
  • Implement real-time updates without requiring page refresh

Technical Implementation

  • Use the existing yield data API integrated with MCP
  • Optimize for performance to ensure minimal impact on the main interface
  • Implement proper state management for sidebar preferences
  • Ensure responsive design that works across all supported device sizes

Acceptance Criteria

  • Sidebar smoothly integrates with the existing Terminal UI
  • All yield data updates in real-time
  • Sorting and filtering mechanisms work as expected
  • Performance benchmarks show negligible impact on overall application performance
  • User testing confirms improved workflow and satisfaction
  • Responsive design functions properly on desktop and tablet devices

Additional Considerations

  • Consider a "mini" mode that shows only the highest APY opportunities
  • Explore the possibility of personalized recommendations based on user portfolio
  • Plan for future integration with alert/notification features

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions