diff --git a/packages/web_ui/src/components/InstanceViewPage.tsx b/packages/web_ui/src/components/InstanceViewPage.tsx index f5b7281c..5597e206 100644 --- a/packages/web_ui/src/components/InstanceViewPage.tsx +++ b/packages/web_ui/src/components/InstanceViewPage.tsx @@ -1,5 +1,5 @@ import React, { useContext, useState } from "react"; -import { useNavigate, useParams } from "react-router-dom"; +import { Link, useNavigate, useParams } from "react-router-dom"; import { Alert, Button, Descriptions, Dropdown, Menu, MenuProps, Modal, Space, Spin, Typography } from "antd"; import type { ItemType } from "antd/es/menu/hooks/useItems"; import DeleteOutlined from "@ant-design/icons/DeleteOutlined"; @@ -42,7 +42,9 @@ function InstanceDescription(props: InstanceDescriptionProps) { {!assigned ? Unassigned - : host?.name ?? instance.assignedHost + : + {host?.name ?? instance.assignedHost} + } {account.hasPermission("core.instance.assign") && { + onClick: ({ key }: { key: string }) => { if (key === "export") { setExportingData(true); control.sendTo( @@ -157,8 +159,8 @@ function InstanceButtons(props: { instance: lib.InstanceDetails }) { "core.instance.kill", "core.instance.delete", ) && - - } + + } ; } @@ -180,7 +182,7 @@ export default function InstanceViewPage() { return Instance with id {instanceId} was not found on the controller.} type="warning" @@ -198,8 +200,8 @@ export default function InstanceViewPage() { return } + title={instance.name ?? ""} + extra={} />