Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search Bar 1: Create Basic Search UI with Address Support #780

Closed
pmjanus opened this issue Jul 9, 2024 · 0 comments · Fixed by #800
Closed

Search Bar 1: Create Basic Search UI with Address Support #780

pmjanus opened this issue Jul 9, 2024 · 0 comments · Fixed by #800
Assignees

Comments

@pmjanus
Copy link
Contributor

pmjanus commented Jul 9, 2024

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:
  • 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants