mirror of
https://github.com/woodchen-ink/proxy-go.git
synced 2025-07-19 08:51:55 +08:00
在仪表板页面中,将客户端IP地址链接化,点击后可在新标签页中打开IP信息,提升用户体验和可用性。
This commit is contained in:
parent
c04f600332
commit
f07b05e61a
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user