teloscan
teloscan copied to clipboard
Search Bar 1: Create Basic Search UI with Address Support
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:
- 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