Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions src/pages/dashboardv2/devices/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ import tabOptions from "../tabOptions";
import { useSettings } from "/src/hooks/use-settings";
import { ApiGetCall } from "/src/api/ApiCall.jsx";
import { CippDataTable } from "/src/components/CippTable/CippDataTable";
import { KeyboardArrowRight } from "@mui/icons-material";
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
import { Grid } from "@mui/system";
Expand Down Expand Up @@ -74,7 +75,6 @@ const Page = () => {
};

const offCanvas = {
extendedInfoFields: ["Name", "Risk", "Status", "Category"],
size: "lg",
children: (row) => {
return (
Expand All @@ -93,12 +93,12 @@ const Page = () => {
}),
}}
>
<Stack alignItems="center" direction="row" spacing={2} sx={{ p: 3 }}>
<Stack alignItems="center" direction="row" spacing={1} sx={{ p: 1 }}>
<Box>
<Typography color="text.secondary" variant="overline">
Risk Level
</Typography>
<Box sx={{ mt: 0.5 }}>
<Box>
<Chip label={row.Risk || "N/A"} color={getRiskColor(row.Risk)} size="small" />
</Box>
</Box>
Expand All @@ -116,7 +116,7 @@ const Page = () => {
}),
}}
>
<Stack alignItems="center" direction="row" spacing={2} sx={{ p: 3 }}>
<Stack alignItems="center" direction="row" spacing={1} sx={{ p: 1 }}>
<Box>
<Typography color="text.secondary" variant="overline">
User Impact
Expand All @@ -137,7 +137,7 @@ const Page = () => {
borderBottom: "none",
}}
>
<Stack alignItems="center" direction="row" spacing={2} sx={{ p: 3 }}>
<Stack alignItems="center" direction="row" spacing={1} sx={{ p: 1 }}>
<Box>
<Typography color="text.secondary" variant="overline">
Implementation Effort
Expand All @@ -159,7 +159,7 @@ const Page = () => {
<Card variant="outlined">
<CardContent>
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
<Typography variant="h6">{row.Name}</Typography>
<Typography variant="h6">{row.Name}</Typography> <KeyboardArrowRight />
<Chip
label={row.Status || "Unknown"}
color={getStatusColor(row.Status)}
Expand Down