From d65875a81cd01da9d6546cd2b7eabfb73723b3b0 Mon Sep 17 00:00:00 2001
From: Johanna Szepanski <johanna.szepanski@softhouse.se>
Date: Mon, 17 Jun 2024 09:51:52 +0200
Subject: [PATCH] fixed some issues with wrong heading hierarchy and minor
style changes
---
src/views/host/details/HostDetailsView.js | 24 ++++++++++++++++++-----
src/views/host/details/HostIocSection.js | 7 ++++++-
src/views/host/details/HostJobsSection.js | 11 +++++++++--
3 files changed, 34 insertions(+), 8 deletions(-)
diff --git a/src/views/host/details/HostDetailsView.js b/src/views/host/details/HostDetailsView.js
index 23ee28f4..69abc38e 100644
--- a/src/views/host/details/HostDetailsView.js
+++ b/src/views/host/details/HostDetailsView.js
@@ -64,7 +64,7 @@ export function HostDetailsView({ hostId, host }) {
<>
<AlertBannerList alerts={host.alerts ?? []} />
<HostBadge host={host} />
- <Stack>
+ <Stack gap={2}>
<HostIocSection
hostId={hostId}
rows={deserialize(urlState.iocs_rows)}
@@ -85,18 +85,32 @@ export function HostDetailsView({ hostId, host }) {
renderNoAccess={() => <></>}
>
<SimpleAccordion
- summary="Host details"
+ summary={
+ <Typography
+ variant="h3"
+ component="h2"
+ >
+ Host details
+ </Typography>
+ }
expanded={deserialize(urlState.details_open)}
onChange={(_, expanded) =>
setUrlState({ details_open: serialize(expanded) })
}
- sx={{ marginTop: "0 !important" }}
>
<HostDetailsTable host={host} />
</SimpleAccordion>
- <Stack gap={2}>
- <Typography variant="h3">Host log stream</Typography>
+ <Stack
+ gap={2}
+ sx={{ marginTop: "10px" }}
+ >
+ <Typography
+ variant="h3"
+ component="h2"
+ >
+ Host log stream
+ </Typography>
<LokiPanel
host={host}
isSyslog
diff --git a/src/views/host/details/HostIocSection.js b/src/views/host/details/HostIocSection.js
index f005c083..5f70193c 100644
--- a/src/views/host/details/HostIocSection.js
+++ b/src/views/host/details/HostIocSection.js
@@ -65,7 +65,12 @@ export const HostIocSection = ({ hostId, rows, page, onUrlStateChange }) => {
return (
<>
- <Typography variant="h2">IOCs</Typography>
+ <Typography
+ variant="h3"
+ component="h2"
+ >
+ IOCs
+ </Typography>
<IOCTable
iocs={iocs?.deployedIocs}
loading={loading || !dataReady}
diff --git a/src/views/host/details/HostJobsSection.js b/src/views/host/details/HostJobsSection.js
index 539afcc0..277f9672 100644
--- a/src/views/host/details/HostJobsSection.js
+++ b/src/views/host/details/HostJobsSection.js
@@ -9,7 +9,7 @@ import {
usePagination
} from "@ess-ics/ce-ui-common";
import { JobTable } from "../../../components/Job";
-import { Alert } from "@mui/material";
+import { Alert, Typography } from "@mui/material";
const propTypes = {
hostId: string.isRequired,
@@ -82,7 +82,14 @@ export const HostJobsSection = ({
return (
<SimpleAccordion
- summary="Job log"
+ summary={
+ <Typography
+ variant="h3"
+ component="h2"
+ >
+ Job log
+ </Typography>
+ }
onChange={(_, isExpanded) =>
onUrlStateChange({ job_log_open: serialize(isExpanded) })
}
--
GitLab