diff --git a/src/views/IOC/IOCDetailsAccessControl.js b/src/views/IOC/IOCDetailsAccessControl.js
index dfb29fa7b205856403f27d06bfa6f76b5dd150a1..25a7afb377fc63bfdd705ea4bb429b05a2e111d3 100644
--- a/src/views/IOC/IOCDetailsAccessControl.js
+++ b/src/views/IOC/IOCDetailsAccessControl.js
@@ -1,5 +1,5 @@
import React from "react";
-import { RootContainer } from "../../components/common/Container/RootContainer";
+import { RootPaper } from "@ess-ics/ce-ui-common";
import AccessControl from "../../components/auth/AccessControl";
import { IOCDetailsContainer } from "./IOCDetailsContainer";
import { useParams } from "react-router-dom";
@@ -8,10 +8,10 @@ export function IOCDetailsAccessControl() {
const { id } = useParams();
return (
- <RootContainer>
+ <RootPaper>
<AccessControl allowedRoles={[]}>
<IOCDetailsContainer id={id} />
</AccessControl>
- </RootContainer>
+ </RootPaper>
);
}
diff --git a/src/views/IOC/IOCDetailsView.js b/src/views/IOC/IOCDetailsView.js
index f6bc05741d590b4ae9f8796f553260d990b966b2..6fe8961a5d729834a0e56cb15d183667782a3bfd 100644
--- a/src/views/IOC/IOCDetailsView.js
+++ b/src/views/IOC/IOCDetailsView.js
@@ -1,4 +1,4 @@
-import { Grid, Paper, Tab, Tabs, IconButton } from "@mui/material";
+import { Grid, Tab, Tabs, IconButton } from "@mui/material";
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
import React, {
useCallback,
@@ -201,89 +201,85 @@ export function IOCDetailsView({ ioc, getIOC, loading }) {
};
return (
- <Paper>
+ <Grid
+ container
+ spacing={1}
+ >
<Grid
- container
- spacing={1}
+ item
+ xs={1}
>
- <Grid
- item
- xs={1}
- >
- <IconButton
- color="inherit"
- onClick={handleClick}
- size="large"
- >
- <ArrowBackIcon />
- </IconButton>
- </Grid>
- <Grid
- item
- xs={11}
+ <IconButton
+ color="inherit"
+ onClick={handleClick}
+ size="large"
>
- <Grid
- container
- justifyContent="center"
- >
- {ioc && (
- <CustomTabs>
- {statusTab}
- <AccessControl
- allowedRoles={[
- "DeploymentToolAdmin",
- "DeploymentToolIntegrator"
- ]}
- renderNoAccess={() => <></>}
- >
- <CustomTabs>{manageDeploymentTab}</CustomTabs>
- </AccessControl>
- <AccessControl
- allowedRoles={["DeploymentToolAdmin"]}
- renderNoAccess={() => <></>}
- >
- <CustomTabs>{iocAdminTab}</CustomTabs>
- </AccessControl>
- </CustomTabs>
- )}
- </Grid>
- </Grid>
+ <ArrowBackIcon />
+ </IconButton>
+ </Grid>
+ <Grid
+ item
+ xs={11}
+ >
<Grid
- item
- xs={12}
- style={{ paddingBottom: 0 }}
+ container
+ justifyContent="center"
>
- {deserialize(urlState.tab) === "Status" && (
- <IOCLiveStatus ioc={ioc} />
- )}
- {deserialize(urlState.tab) === "Management" && (
- <IOCManage
- ioc={ioc}
- getIOC={getIOC}
- buttonDisabled={buttonDisabled}
- currentCommand={
- ongoingCommand?.operations?.length > 0
- ? ongoingCommand.operations[0]
- : null
- }
- operations={operations?.operations}
- operationsLoading={operationsLoading || !operationsDataReady}
- getOperations={getOperations}
- setButtonDisabled={setButtonDisabledAndUpdate}
- pagination={jobPagination}
- onPage={onPage}
- />
- )}
- {deserialize(urlState.tab) === "Admin" && (
- <IOCAdmin
- ioc={ioc}
- getIOC={getIOC}
- resetTab={resetTab}
- buttonDisabled={buttonDisabled}
- />
+ {ioc && (
+ <CustomTabs>
+ {statusTab}
+ <AccessControl
+ allowedRoles={[
+ "DeploymentToolAdmin",
+ "DeploymentToolIntegrator"
+ ]}
+ renderNoAccess={() => <></>}
+ >
+ <CustomTabs>{manageDeploymentTab}</CustomTabs>
+ </AccessControl>
+ <AccessControl
+ allowedRoles={["DeploymentToolAdmin"]}
+ renderNoAccess={() => <></>}
+ >
+ <CustomTabs>{iocAdminTab}</CustomTabs>
+ </AccessControl>
+ </CustomTabs>
)}
</Grid>
</Grid>
- </Paper>
+ <Grid
+ item
+ xs={12}
+ style={{ paddingBottom: 0 }}
+ >
+ {deserialize(urlState.tab) === "Status" && <IOCLiveStatus ioc={ioc} />}
+ {deserialize(urlState.tab) === "Management" && (
+ <IOCManage
+ ioc={ioc}
+ getIOC={getIOC}
+ buttonDisabled={buttonDisabled}
+ currentCommand={
+ ongoingCommand?.operations?.length > 0
+ ? ongoingCommand.operations[0]
+ : null
+ }
+ operations={operations?.operations}
+ operationsLoading={operationsLoading || !operationsDataReady}
+ getOperations={getOperations}
+ setButtonDisabled={setButtonDisabledAndUpdate}
+ pagination={jobPagination}
+ onPage={onPage}
+ />
+ )}
+ {deserialize(urlState.tab) === "Admin" && (
+ <IOCAdmin
+ ioc={ioc}
+ getIOC={getIOC}
+ resetTab={resetTab}
+ buttonDisabled={buttonDisabled}
+ />
+ )}
+ </Grid>
+ </Grid>
);
}
diff --git a/src/views/host/HostDetailsAccessControl.js b/src/views/host/HostDetailsAccessControl.js
index bac49ecd87d85e376ad6e3d0c3fb5788e932e602..06d7b0119feae258173379bb4f8b9c88d19892b6 100644
--- a/src/views/host/HostDetailsAccessControl.js
+++ b/src/views/host/HostDetailsAccessControl.js
@@ -1,5 +1,5 @@
import React from "react";
-import { RootContainer } from "../../components/common/Container/RootContainer";
+import { RootPaper } from "@ess-ics/ce-ui-common";
import AccessControl from "../../components/auth/AccessControl";
import { HostDetailsContainer } from "./HostDetailsContainer";
import { useParams } from "react-router-dom";
@@ -8,10 +8,10 @@ export function HostDetailsAccessControl() {
const { id } = useParams();
return (
- <RootContainer data-testid="host-details-container">
+ <RootPaper data-testid="host-details-container">
<AccessControl allowedRoles={[]}>
<HostDetailsContainer id={id} />
</AccessControl>
- </RootContainer>
+ </RootPaper>
);
}
diff --git a/src/views/host/HostDetailsView.js b/src/views/host/HostDetailsView.js
index fff663ebb0c67bd56ee5334be40d63c9de0604ae..d82ac4688584e36cd87ca67a88d55d9eac056537 100644
--- a/src/views/host/HostDetailsView.js
+++ b/src/views/host/HostDetailsView.js
@@ -15,7 +15,6 @@ import {
KeyValueTable,
SimpleAccordion,
GlobalAppBarContext,
- RootPaper,
useAPIMethod
} from "@ess-ics/ce-ui-common";
import { LokiPanel } from "../../components/common/Loki/LokiPanel";
@@ -180,7 +179,7 @@ export function HostDetailsView({ id, host }) {
};
return (
- <RootPaper>
+ <>
<IconButton
color="inherit"
onClick={handleClick}
@@ -286,6 +285,6 @@ export function HostDetailsView({ id, host }) {
</Container>
</CardContent>
</Card>
- </RootPaper>
+ </>
);
}
diff --git a/src/views/jobs/JobDetailsAccessControl.js b/src/views/jobs/JobDetailsAccessControl.js
index a493d2388a612b6bd4c8183cb5a0963d5f2f3776..43ff283cca48a2a8e7f649cda397c2ba4117ba86 100644
--- a/src/views/jobs/JobDetailsAccessControl.js
+++ b/src/views/jobs/JobDetailsAccessControl.js
@@ -1,5 +1,5 @@
import React from "react";
-import { RootContainer } from "../../components/common/Container/RootContainer";
+import { RootPaper } from "@ess-ics/ce-ui-common";
import AccessControl from "../../components/auth/AccessControl";
import { JobDetailsContainer } from "./JobDetailsContainer";
import { useParams } from "react-router-dom";
@@ -8,10 +8,10 @@ export function JobDetailsAccessControl() {
const { id } = useParams();
return (
- <RootContainer>
+ <RootPaper>
<AccessControl allowedRoles={[]}>
<JobDetailsContainer id={id} />
</AccessControl>
- </RootContainer>
+ </RootPaper>
);
}
diff --git a/src/views/jobs/JobDetailsView.js b/src/views/jobs/JobDetailsView.js
index 9c41845f7906b02c429b81e82e0910d50ab8096f..658783a9e70ea783bd745c0ae63af3897ca39969 100644
--- a/src/views/jobs/JobDetailsView.js
+++ b/src/views/jobs/JobDetailsView.js
@@ -1,5 +1,5 @@
import React, { useContext, useEffect } from "react";
-import { IconButton, Paper } from "@mui/material";
+import { IconButton } from "@mui/material";
import { JobDetails } from "../../components/Job/JobDetails";
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
import { useNavigate } from "react-router-dom";
@@ -22,7 +22,7 @@ export function JobDetailsView({ operation, job }) {
);
return (
- <Paper>
+ <>
<IconButton
color="inherit"
onClick={handleClick}
@@ -36,6 +36,6 @@ export function JobDetailsView({ operation, job }) {
job={job}
/>
)}
- </Paper>
+ </>
);
}
diff --git a/src/views/records/RecordDetailsView.js b/src/views/records/RecordDetailsView.js
index 8eca4382ee044032752634f0fe8d878880889f1e..b625d00c1eeb960cb7ad0219724b30acd0d007c8 100644
--- a/src/views/records/RecordDetailsView.js
+++ b/src/views/records/RecordDetailsView.js
@@ -6,16 +6,15 @@ import React, {
useMemo
} from "react";
import {
- Paper,
IconButton,
Typography,
LinearProgress,
Link as MuiLink
} from "@mui/material";
import { Link as ReactRouterLink } from "react-router-dom";
-import { RootContainer } from "../../components/common/Container/RootContainer";
import ArrowBackIcon from "@mui/icons-material/ArrowBack";
import {
+ RootPaper,
KeyValueTable,
SimpleAccordion,
GlobalAppBarContext
@@ -138,13 +137,13 @@ export function RecordDetailsView() {
}, []);
return (
- <RootContainer>
+ <RootPaper>
{error ? (
<NotFoundView />
) : recordLoading || !dataReady ? (
<LinearProgress color="primary" />
) : (
- <Paper>
+ <>
<IconButton
color="inherit"
onClick={handleClick}
@@ -165,8 +164,8 @@ export function RecordDetailsView() {
/>
</SimpleAccordion>
)}
- </Paper>
+ </>
)}
- </RootContainer>
+ </RootPaper>
);
}