diff --git a/src/components/IOC/IOCManage/IOCManage.js b/src/components/IOC/IOCManage/IOCManage.js index 0c02f871227662407b4d865896a2caab66ab05b8..a17e4a0caf3cbfb4ab65a3830688cb7a33d12ebe 100644 --- a/src/components/IOC/IOCManage/IOCManage.js +++ b/src/components/IOC/IOCManage/IOCManage.js @@ -1,4 +1,10 @@ -import { Button, Link as MuiLink, Tooltip, Typography } from "@mui/material"; +import { + Button, + Link as MuiLink, + Stack, + Tooltip, + Typography +} from "@mui/material"; import React, { useState, useEffect, @@ -58,7 +64,6 @@ export function IOCManage({ const closeDeployModal = () => { setDeployDialogOpen(false); getIOC(); - // history.push(window.location.pathname); }; const closeUndeployModal = () => { @@ -134,7 +139,6 @@ export function IOCManage({ ] ); - let content = <></>; if (ioc) { const managedIOC = { ...ioc }; @@ -166,8 +170,8 @@ export function IOCManage({ "There is an ongoing operation, you can not undeploy the IOC right now"; } - content = ( - <> + return ( + <Stack gap={2}> <IOCDetails ioc={managedIOC} getSubset={getSubset} @@ -214,12 +218,15 @@ export function IOCManage({ allowedRoles={["DeploymentToolAdmin", "DeploymentToolIntegrator"]} renderNoAccess={() => <></>} > - <JobTable - jobs={operations} - pagination={pagination} - onPage={onPage} - loading={operationsLoading} - /> + <Stack gap={2}> + <Typography variant="h3">Operations</Typography> + <JobTable + jobs={operations} + pagination={pagination} + onPage={onPage} + loading={operationsLoading} + /> + </Stack> <DeployIOC open={deployDialogOpen} setOpen={setDeployDialogOpen} @@ -235,9 +242,8 @@ export function IOCManage({ ioc={ioc} /> </AccessControl> - </> + </Stack> ); } - - return <>{content}</>; + return null; }