feat(cve): details page v2 structure

trustification · Oct 10, 2024 · 2322046 · 2322046
1 parent 7e2a919
commit 2322046
Show file tree

Hide file tree

Showing 2 changed files with 180 additions and 229 deletions.
diff --git a/client/src/app/pages/vulnerability-details/overview.tsx b/client/src/app/pages/vulnerability-details/overview.tsx
@@ -1,17 +1,12 @@
 import React from "react";
 
 import {
- Card,
- CardBody,
- CardTitle,
  DescriptionList,
  DescriptionListDescription,
  DescriptionListGroup,
  DescriptionListTerm,
- Grid,
- GridItem,
- Stack,
- StackItem,
+ Text,
+ TextContent,
 } from "@patternfly/react-core";
 
 import { formatDate } from "@app/utils/utils";
@@ -24,76 +19,52 @@ interface OverviewProps {
 export const Overview: React.FC<OverviewProps> = ({ vulnerability }) => {
  return (
  <>
- <Stack hasGutter>
- <StackItem>
- <Grid hasGutter>
- <GridItem md={8}>
- <Card isFullHeight>
- <CardTitle>General view</CardTitle>
- <CardBody>
- <DescriptionList
- columnModifier={{
- default: "2Col",
- }}
- >
- <DescriptionListGroup>
- <DescriptionListTerm>Title</DescriptionListTerm>
- <DescriptionListDescription>
- {vulnerability.title || vulnerability.description}
- </DescriptionListDescription>
- </DescriptionListGroup>
- <DescriptionListGroup>
- <DescriptionListTerm>Published</DescriptionListTerm>
- <DescriptionListDescription>
- {formatDate(vulnerability.published)}
- </DescriptionListDescription>
- </DescriptionListGroup>
- <DescriptionListGroup>
- <DescriptionListTerm>Modified</DescriptionListTerm>
- <DescriptionListDescription>
- {formatDate(vulnerability.modified)}
- </DescriptionListDescription>
- </DescriptionListGroup>
- <DescriptionListGroup>
- <DescriptionListTerm>Released</DescriptionListTerm>
- <DescriptionListDescription>
- {formatDate(vulnerability.released)}
- </DescriptionListDescription>
- </DescriptionListGroup>
- <DescriptionListGroup>
- <DescriptionListTerm>Withdrawn</DescriptionListTerm>
- <DescriptionListDescription>
- {formatDate(vulnerability.withdrawn)}
- </DescriptionListDescription>
- </DescriptionListGroup>
- </DescriptionList>
- </CardBody>
- </Card>
- </GridItem>
- <GridItem md={4}>
- <Card isFullHeight>
- <CardTitle>Additional info</CardTitle>
- <CardBody>
- <DescriptionList>
- <DescriptionListGroup>
- <DescriptionListTerm>CWE</DescriptionListTerm>
- <DescriptionListDescription>
- {"vulnerability.cwe"}
- </DescriptionListDescription>
- </DescriptionListGroup>
- <DescriptionListGroup>
- <DescriptionListTerm>Non normative</DescriptionListTerm>
- <DescriptionListDescription>
- {vulnerability.normative ? "Yes" : "No"}
- </DescriptionListDescription>
- </DescriptionListGroup>
- </DescriptionList>
- </CardBody>
- </Card>
- </GridItem>
- </Grid>
- </StackItem>
- </Stack>
+ <TextContent>
+ <Text>{vulnerability.title || vulnerability.description}</Text>
+ </TextContent>
+ <br />
+ <DescriptionList
+ columnModifier={{
+ default: "2Col",
+ }}
+ >
+ <DescriptionListGroup>
+ <DescriptionListTerm>Published</DescriptionListTerm>
+ <DescriptionListDescription>
+ {formatDate(vulnerability.published)}
+ </DescriptionListDescription>
+ </DescriptionListGroup>
+ <DescriptionListGroup>
+ <DescriptionListTerm>Modified</DescriptionListTerm>
+ <DescriptionListDescription>
+ {formatDate(vulnerability.modified)}
+ </DescriptionListDescription>
+ </DescriptionListGroup>
+ <DescriptionListGroup>
+ <DescriptionListTerm>Released</DescriptionListTerm>
+ <DescriptionListDescription>
+ {formatDate(vulnerability.released)}
+ </DescriptionListDescription>
+ </DescriptionListGroup>
+ <DescriptionListGroup>
+ <DescriptionListTerm>Withdrawn</DescriptionListTerm>
+ <DescriptionListDescription>
+ {formatDate(vulnerability.withdrawn)}
+ </DescriptionListDescription>
+ </DescriptionListGroup>
+ <DescriptionListGroup>
+ <DescriptionListTerm>CWE</DescriptionListTerm>
+ <DescriptionListDescription>
+ {"vulnerability.cwe"}
+ </DescriptionListDescription>
+ </DescriptionListGroup>
+ <DescriptionListGroup>
+ <DescriptionListTerm>Non normative</DescriptionListTerm>
+ <DescriptionListDescription>
+ {vulnerability.normative ? "Yes" : "No"}
+ </DescriptionListDescription>
+ </DescriptionListGroup>
+ </DescriptionList>
  </>
  );
 };