marker/shuffle-cracked
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

showing the tenzir active status in the UI

Browse Source
This commit is contained in:
Hari Krishna
2024-06-23 09:16:03 +00:00
committed by satti-hari-krishna-reddy
parent ab3c755ad3
commit ecfb78e82d
1 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/Detection.jsx
+30 -20
View File
@@ -11,14 +11,13 @@ import { toast } from "react-toastify";
import RuleCard from "./RuleCard"; import RuleCard from "./RuleCard";
import { styled } from "@mui/system"; import { styled } from "@mui/system";
const ConnectedButton = styled(Button)({ const ConnectedButton = styled(Button)(({ theme, isConnected }) => ({
backgroundColor: "red", backgroundColor: isConnected ? "green" : "red",
color: "white", color: "white",
}); }));
const handleDirectoryChange = ( folderDisabled, setFolderDisabled, globalUrl) => { const handleDirectoryChange = (folderDisabled, setFolderDisabled, globalUrl) => {
const action = folderDisabled ? "enable_folder" : "disable_folder";
const action = folderDisabled ? "enable_folder" : "disable_folder"
const url = `${globalUrl}/api/v1/files/detection/${action}`; const url = `${globalUrl}/api/v1/files/detection/${action}`;
fetch(url, { fetch(url, {
@@ -31,8 +30,8 @@ const handleDirectoryChange = ( folderDisabled, setFolderDisabled, globalUrl) =>
.then((response) => .then((response) =>
response.json().then((responseJson) => { response.json().then((responseJson) => {
if (responseJson["success"] === true) { if (responseJson["success"] === true) {
if (action === "enable_folder") setFolderDisabled(false); if (action === "enable_folder") setFolderDisabled(false);
else setFolderDisabled(true); else setFolderDisabled(true);
} else { } else {
//toast(`failed to disable rule`); //toast(`failed to disable rule`);
} }
@@ -42,13 +41,19 @@ const handleDirectoryChange = ( folderDisabled, setFolderDisabled, globalUrl) =>
console.log(`Error in ${action} the rule: `, error); console.log(`Error in ${action} the rule: `, error);
toast(`An error occurred while ${action} the rule`); toast(`An error occurred while ${action} the rule`);
}); });
};
} const Detection = ({
globalUrl,
const Detection = ({ globalUrl, ruleInfo, folderDisabled, setFolderDisabled, openEditBar }) => { ruleInfo,
folderDisabled,
setFolderDisabled,
openEditBar,
isTenzirActive,
}) => {
return ( return (
<Container sx={{ mt: 4 }}> <Container sx={{ mt: 4 }}>
<Box sx={{ border: "1px solid #ccc", borderRadius: 2, p: 3}}> <Box sx={{ border: "1px solid #ccc", borderRadius: 2, p: 3 }}>
<Box <Box
sx={{ sx={{
display: "flex", display: "flex",
@@ -60,8 +65,11 @@ const Detection = ({ globalUrl, ruleInfo, folderDisabled, setFolderDisabled, ope
<Typography variant="h6" component="div"> <Typography variant="h6" component="div">
Sigma Detection Rules Sigma Detection Rules
</Typography> </Typography>
<ConnectedButton variant="contained"> <ConnectedButton
Not Connected to SIEM variant="contained"
isConnected={isTenzirActive}
>
{isTenzirActive ? "Connected to SIEM" : "Not Connected to SIEM"}
</ConnectedButton> </ConnectedButton>
</Box> </Box>
<Box <Box
@@ -77,17 +85,19 @@ const Detection = ({ globalUrl, ruleInfo, folderDisabled, setFolderDisabled, ope
<Typography variant="body2" sx={{ mr: 1 }}> <Typography variant="body2" sx={{ mr: 1 }}>
Global disable/enable Global disable/enable
</Typography> </Typography>
<Switch <Switch
checked={!folderDisabled} checked={!folderDisabled}
onChange={() => handleDirectoryChange(folderDisabled, setFolderDisabled, globalUrl)} onChange={() =>
/> handleDirectoryChange(folderDisabled, setFolderDisabled, globalUrl)
}
/>
</Box> </Box>
</Box> </Box>
<Box <Box
sx={{ sx={{
height: "500px", height: "500px",
width: "100%", width: "100%",
overflowY: "auto", overflowY: "auto",
border: "1px solid #ddd", border: "1px solid #ddd",
p: 1, p: 1,
}} }}