[UI] Fiber Network Basic UI design #56
Description
To improve accessibility and visibility into the Fiber Network, we propose designing and implementing a simplified and general version of the Fiber Explorer UI. Since the UI style is not finalized, we can make a simple version which is easy to modify in the future.
The implementation should follow the existing platform’s UI style and include the following core pages:
-
Search Dialog
A pop-up search interface to quickly locate nodes or channels. This can be adapted from the current search component used on the platform. -
Overview Page
A summary page that provides high-level network statistics and metrics. -
Node List Page
A paginated or scrollable list displaying all known nodes in the network with basic attributes (e.g., node name, ID, status). -
Node Detail Page
A detail view for a selected node, showing metadata, status, address list, and associated channels. -
Channel Detail Page / Dialog
A view or a dialog showing detailed information about a specific channel, including participants, capacity, fees, and status.