teloscan icon indicating copy to clipboard operation
teloscan copied to clipboard

Search Bar 1: Create Basic Search UI with Address Support

Open pmjanus opened this issue 1 year ago • 0 comments

Subtask 1: Create Basic Search UI with Address Support

Description

Implement the foundational search UI component with support for displaying address search results.

Tasks

  • Create a search input field component.
  • Implement the basic layout for search results display.
    • This includes the tag for Address and the Addresses Subheader on Search Results:

Image

  • Add functionality to perform address searches using the API.
  • Display address search results, including:
    • Address
    • Balance (if available) - covered by #801 out of scope for this issue.
  • Implement basic error handling for API requests.
  • Add a loading indicator for when search is in progress.
  • if no results no results UI should be displayed

Definition of Done

  • The search input field is functional and sends requests to the API.
  • Address search results are displayed correctly.
  • Inputting a valid block number and pressing enter or search button should display the page for that block.
  • Style matches the look and feel of Teloscan
  • Basic error handling is in place.
  • A loading indicator is shown during API requests.
  • Mobile support

pmjanus avatar Jul 09 '24 13:07 pmjanus