| |
| |
| |
| |
|
|
| interface LatencyInfo { |
| value: number; |
| label: string; |
| color: string; |
| level: 'excellent' | 'good' | 'fair' | 'slow'; |
| } |
|
|
| |
| |
| |
| |
| |
| export function getLatencyInfo(latency: number): LatencyInfo { |
| let level: LatencyInfo['level']; |
| let color: string; |
|
|
| if (latency < 500) { |
| level = 'excellent'; |
| color = '#34c759'; |
| } else if (latency < 1000) { |
| level = 'good'; |
| color = '#30d158'; |
| } else if (latency < 2000) { |
| level = 'fair'; |
| color = '#ff9500'; |
| } else { |
| level = 'slow'; |
| color = '#ff3b30'; |
| } |
|
|
| return { |
| value: latency, |
| label: formatLatency(latency), |
| color, |
| level, |
| }; |
| } |
|
|
|
|
|
|
| |
| |
| |
| |
| |
| function formatLatency(latency: number): string { |
| return `${latency}ms`; |
| } |
|
|