steps Step.tsx

0% Statements 0/11

0% Branches 0/5

0% Functions 0/2

0% Lines 0/11

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
43  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import HandleExternalLinksRender from "./HandleExternalLinksRender.tsx";
import StepDetailsButtons from "./StepDetailsButtons.tsx";
import { Task } from "../../../types/index.ts";
import HandleOutput from "../task/HandleOutput.tsx";
import HandleNotesRender from "./HandleNotesRender.tsx";
import useCurrentStep from "../../../hooks/playbooks/step/useCurrentStep.ts";
 
type StepProps = {
  id: string;
};
 
function Step({ id }: StepProps) {
  const [step, currentStepId] = useCurrentStep(id);
 
  Iif (!step) {
    return <p className="text-sm font-semibold">No Step found</p>;
  }
 
  return (
    <div className="p-1">
      <HandleExternalLinksRender id={currentStepId} />
      <HandleNotesRender id={currentStepId} />
      <StepDetailsButtons id={currentStepId} />
 
      <div className="flex flex-col gap-1 mt-4">
        {step.ui_requirement.showOutput && (
          <p className={"text-sm my-1 text-violet-500"}>
            <b>Output</b>
          </p>
        )}
        {step.tasks?.map((task: Task | string) => (
          <HandleOutput
            id={typeof task === "string" ? task : task.id}
            showHeading={false}
          />
        ))}
      </div>
    </div>
  );
}
 
export default Step;