Skip to content

Add detailed tooltip to NetworkLatencyIndicator component - #841

Merged
Jaydbrown merged 1 commit into
conduit-protocol:mainfrom
rossydefi:feat/network-latency-tooltip
Oct 22, 2026
Merged

Jaydbrown merged 1 commit into
conduit-protocol:mainfrom
rossydefi:feat/network-latency-tooltip

Conversation

@rossydefi

Copy link
Copy Markdown
Contributor

Summary

This PR adds a detailed tooltip component to the NetworkLatencyIndicator to display Horizon RPC response time metrics in a more user-friendly format.

Changes

  • Replaced the native HTML title attribute with the existing Tooltip component
  • Enhanced tooltip content to clearly display:
    • Label: "Horizon RPC Response"
    • Response time in milliseconds (monospaced formatting)
    • Ledger height when available
  • Positioned tooltip below the indicator for better visibility
  • Maintained accessibility with proper aria-label attributes

Benefits

  • Improved user experience with a styled, multi-line tooltip
  • Better visual hierarchy for RPC latency information
  • Consistent use of the project's Tooltip component

Closes #796

- Replaces native HTML title attribute with Tooltip component
- Shows detailed Horizon RPC response time in milliseconds
- Displays ledger height when available
- Improves UX with better formatted tooltip content
- Positions tooltip below the indicator for better visibility

Closes conduit-protocol#796
@Jaydbrown
Jaydbrown merged commit b6e0112 into conduit-protocol:main Oct 22, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

components/NetworkLatencyIndicator.tsx: add tooltip detailing Horizon RPC response time in ms

2 participants