create AddCondition.tsx

0% Statements 0/19

0% Branches 0/2

0% Functions 0/4

0% Lines 0/19

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useDispatch, useSelector } from "react-redux";
import { currentPlaybookSelector } from "../../../store/features/playbook/selectors";
import { useEffect } from "react";
import { setAdditionalState } from "../../../store/features/drawers/drawersSlice";
import ConditionRuleSet from "./ConditionRuleSet";
import CustomButton from "../../common/CustomButton";
import { AddRounded } from "@mui/icons-material";
import { addStepRuleSetForDynamicAlert } from "../../../store/features/playbook/playbookSlice";
 
function AddCondition() {
  const dispatch = useDispatch();
  const currentPlaybook = useSelector(currentPlaybookSelector);
  const step_relations = currentPlaybook?.step_relations ?? [];
  const parentStep = currentPlaybook?.steps?.[0];
 
  const handleAddRuleSet = () => {
    dispatch(addStepRuleSetForDynamicAlert());
  };
 
  useEffect(() => {
    dispatch(
      setAdditionalState({
        source: parentStep?.id,
      }),
    );
  }, [parentStep?.id]);
 
  return (
    <div className="flex flex-col gap-1 border p-2 rounded">
      <p className="font-bold text-violet-500 text-sm">Conditions</p>
      {step_relations?.map((relation, i) => (
        <ConditionRuleSet ruleSetIndex={i} relationId={relation.id} key={i} />
      ))}
      <CustomButton className="w-fit" onClick={handleAddRuleSet}>
        <AddRounded fontSize="inherit" /> Condition
      </CustomButton>
    </div>
  );
}
 
export default AddCondition;