Skip to content

Add sidebar view for yield opportunities #344

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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