Skip to content
Snippets Groups Projects
Commit 5dede217 authored by Johanna Szepanski's avatar Johanna Szepanski
Browse files

removed two way deps and unneccessary deos between details view and admin

parent 1751fb49
No related branches found
No related tags found
2 merge requests!612Release 5.0.0,!577CE-3395: Fix infinite loop
import { useState } from "react";
import { AdministerUndeployment } from "../AdministerUndeployment";
import { IOCDelete } from "../IOCDelete";
import { IOCDetailAdmin } from "../IOCDetailAdmin";
import { ChangeHostAdmin } from "../ChangeHostAdmin";
export const IOCAdmin = ({
ioc,
getIOC,
resetTab,
buttonDisabled,
setButtonDisabled
}) => {
export const IOCAdmin = ({ ioc }) => {
const [buttonDisabled, setButtonDisabled] = useState(ioc.operationInProgress);
return (
<>
<IOCDetailAdmin
ioc={ioc}
getIOC={getIOC}
resetTab={resetTab}
buttonDisabled={buttonDisabled}
setButtonDisabled={setButtonDisabled}
setButtonDisabled={(value) => setButtonDisabled(value)}
/>
{ioc.activeDeployment ? (
<ChangeHostAdmin
ioc={ioc}
getIOC={getIOC}
resetTab={resetTab}
buttonDisabled={buttonDisabled}
setButtonDisabled={setButtonDisabled}
setButtonDisabled={(value) => setButtonDisabled(value)}
/>
) : null}
<AdministerUndeployment
ioc={ioc}
buttonDisabled={buttonDisabled}
setButtonDisabled={(value) => setButtonDisabled(value)}
/>
<IOCDelete
ioc={ioc}
buttonDisabled={buttonDisabled}
setButtonDisabled={setButtonDisabled}
setButtonDisabled={(value) => setButtonDisabled(value)}
/>
</>
);
......
......@@ -13,26 +13,16 @@ import { IOCAdmin } from "../../components/IOC/IOCAdmin";
import { applicationTitle } from "../../components/common/Helper";
export function IOCDetailsView({ ioc }) {
const [tabIndex, setTabIndex] = useState(0);
const { setTitle } = useContext(GlobalAppBarContext);
const [buttonDisabled, setButtonDisabled] = useState(false);
const navigate = useNavigate();
const [tabIndex, setTabIndex] = useState(0);
useEffect(() => {
setButtonDisabled(Boolean(ioc?.operationInProgress));
}, [ioc?.operationInProgress]);
useEffect(() => {
if (ioc) {
setTitle(applicationTitle(`IOC Details: ${ioc.namingName}`));
}
}, [ioc, setTitle]);
const handleClick = () => {
navigate(-1);
};
const tabs = [
{
label: "Status",
......@@ -57,14 +47,7 @@ export function IOCDetailsView({ ioc }) {
if (isPermittedAdmin) {
tabs.push({
label: "Admin",
content: (
<IOCAdmin
ioc={ioc}
resetTab={() => setTabIndex(0)}
buttonDisabled={buttonDisabled}
setButtonDisabled={setButtonDisabled}
/>
)
content: <IOCAdmin ioc={ioc} />
});
}
......@@ -90,7 +73,7 @@ export function IOCDetailsView({ ioc }) {
>
<IconButton
color="inherit"
onClick={handleClick}
onClick={() => navigate(-1)}
size="large"
>
<ArrowBackIcon />
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment