create AddConfiguration.tsx

0% Statements 0/8

100% Branches 0/0

0% Functions 0/2

0% Lines 0/8

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import useDynamicAlertsKey from "../../../hooks/dynamicAlerts/useDynamicAlertsKey";
import { InputTypes } from "../../../types";
import CustomInput from "../../Inputs/CustomInput";
 
const evaluationWindowKey = "evaluationWindowInMinutes";
 
function AddConfiguration() {
  const [evaluationWindowInMinutes, setevaluationWindowInMinutes] =
    useDynamicAlertsKey(evaluationWindowKey);
 
  return (
    <div className="flex flex-col gap-1 border p-2 rounded">
      <p className="font-bold text-violet-500 text-sm">Configuration</p>
      <CustomInput
        inputType={InputTypes.TEXT}
        label="Evaluation Window (in minutes)"
        type="number"
        value={evaluationWindowInMinutes}
        handleChange={(val: string) => setevaluationWindowInMinutes(val)}
        className="!w-[200px]"
      />
    </div>
  );
}
 
export default AddConfiguration;