diff --git a/app/components/ExternalIps.tsx b/app/components/ExternalIps.tsx index ffb220337e..dbf3cd7bb8 100644 --- a/app/components/ExternalIps.tsx +++ b/app/components/ExternalIps.tsx @@ -22,30 +22,25 @@ export function ExternalIps({ project, instance }: InstanceSelector) { if (isPending) return const ips = data?.items - ? intersperse( - data.items.map((eip) => ), - / - ) - : undefined - + if (!ips || ips.length === 0) return return ( -
- {ips && ips.length > 0 ? ips : } - {/* If there's exactly one IP here, render a copy to clipboard button */} - {data?.items.length === 1 && } +
+ {intersperse( + ips.map((eip) => ( + + + {eip.ip} + + + + )), + / + )}
) } - -function IpLink({ ip }: { ip: string }) { - return ( - - {ip} - - ) -} diff --git a/app/pages/project/instances/instance/InstancePage.tsx b/app/pages/project/instances/instance/InstancePage.tsx index a520fe06f9..ddd2754ab7 100644 --- a/app/pages/project/instances/instance/InstancePage.tsx +++ b/app/pages/project/instances/instance/InstancePage.tsx @@ -190,7 +190,7 @@ export function InstancePage() { {instance.id} - + {}