diff --git a/packages/web_ui/src/components/InstanceList.jsx b/packages/web_ui/src/components/InstanceList.jsx index c5eb002a..2a3e33fd 100644 --- a/packages/web_ui/src/components/InstanceList.jsx +++ b/packages/web_ui/src/components/InstanceList.jsx @@ -1,13 +1,13 @@ import React from "react"; import { useHistory } from "react-router-dom"; -import { Table } from "antd"; +import { notification, Button, Table } from "antd"; +import { CopyOutlined } from "@ant-design/icons"; import { useSlaveList } from "../model/slave"; import InstanceStatusTag from "./InstanceStatusTag"; const strcmp = new Intl.Collator(undefined, { numerice: "true", sensitivity: "base" }).compare; - export default function InstanceList(props) { let history = useHistory(); let [slaveList] = useSlaveList(); @@ -44,7 +44,22 @@ export default function InstanceList(props) { key: "public_address", render: instance => { let address = slavePublicAddress(instance["assigned_slave"]); - return address ? `${address}:${instance["game_port"] || "unknown"}` : ""; + let full_address = address + (instance["game_port"] !== null ? `:${instance["game_port"]}` : ""); + return <> + {full_address} +