root/nezha_dash
1
0
Fork 0
mirror of https://github.com/hamster1963/nezha-dash.git synced 2025-04-24 21:10:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: ip info error

Browse Source
This commit is contained in:
hamster1963 2024-12-13 10:11:00 +08:00
parent d075ab5e0e
commit 231a66931b
1 changed files with 94 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/(main)/ClientComponents/ServerIPInfo.tsx
View File

@ -26,6 +26,7 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
return ( return (
<> <>
<section className="flex flex-wrap gap-2 mb-4"> <section className="flex flex-wrap gap-2 mb-4">
{data.asn.autonomous_system_organization && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
@ -36,16 +37,22 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.asn.autonomous_system_number && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
<p className="text-xs text-muted-foreground">{t("asn_number")}</p> <p className="text-xs text-muted-foreground">
{t("asn_number")}
</p>
<div className="text-xs"> <div className="text-xs">
AS{data.asn.autonomous_system_number} AS{data.asn.autonomous_system_number}
</div> </div>
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.registered_country?.names.en && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
@ -58,6 +65,8 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.country?.iso_code && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
@ -66,6 +75,8 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.city?.names.en && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
@ -74,14 +85,20 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.location?.longitude && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
<p className="text-xs text-muted-foreground">{t("longitude")}</p> <p className="text-xs text-muted-foreground">
{t("longitude")}
</p>
<div className="text-xs">{data.city.location?.longitude}</div> <div className="text-xs">{data.city.location?.longitude}</div>
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.location?.latitude && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
@ -90,14 +107,19 @@ export default function ServerIPInfo({ server_id }: { server_id: number }) {
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.location?.time_zone && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">
<section className="flex flex-col items-start gap-0.5"> <section className="flex flex-col items-start gap-0.5">
<p className="text-xs text-muted-foreground">{t("time_zone")}</p> <p className="text-xs text-muted-foreground">
{t("time_zone")}
</p>
<div className="text-xs">{data.city.location?.time_zone}</div> <div className="text-xs">{data.city.location?.time_zone}</div>
</section> </section>
</CardContent> </CardContent>
</Card> </Card>
)}
{data.city.postal && ( {data.city.postal && (
<Card className="rounded-[10px] bg-transparent border-none shadow-none"> <Card className="rounded-[10px] bg-transparent border-none shadow-none">
<CardContent className="px-1.5 py-1"> <CardContent className="px-1.5 py-1">