fix: ip info error

This commit is contained in:
hamster1963 2024-12-13 10:11:00 +08:00
parent d075ab5e0e
commit 231a66931b

View File

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