在仪表板页面中,将客户端IP地址链接化,点击后可在新标签页中打开IP信息,提升用户体验和可用性。

This commit is contained in:
wood chen 2025-06-24 11:55:40 +08:00
parent c04f600332
commit f07b05e61a

View File

@ -4,6 +4,7 @@ import { useEffect, useState, useCallback } from "react"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { useToast } from "@/components/ui/use-toast" import { useToast } from "@/components/ui/use-toast"
import { useRouter } from "next/navigation" import { useRouter } from "next/navigation"
import Link from "next/link"
interface Metrics { interface Metrics {
uptime: string uptime: string
@ -396,7 +397,11 @@ export default function DashboardPage() {
</td> </td>
<td className="p-2">{formatLatency(req.Latency)}</td> <td className="p-2">{formatLatency(req.Latency)}</td>
<td className="p-2">{formatBytes(req.BytesSent)}</td> <td className="p-2">{formatBytes(req.BytesSent)}</td>
<td className="p-2">{req.ClientIP}</td> <td className="p-2">
<Link href={`https://ipinfo.io/${req.ClientIP}`} target="_blank" rel="noopener noreferrer">
{req.ClientIP}
</Link>
</td>
</tr> </tr>
))} ))}
</tbody> </tbody>