card HandleTaskIcon.tsx

0% Statements 0/12

0% Branches 0/4

0% Functions 0/1

0% Lines 0/12

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { CheckCircleOutline, ErrorOutline } from "@mui/icons-material";
import { CircularProgress } from "@mui/material";
import React from "react";
import { CustomTooltip } from "../../common/CustomTooltip/index.tsx";
import { StepStates } from "../../../utils/execution/StepStates.ts";
import handleTaskState from "../../../utils/execution/handleTaskState.ts";
 
function HandleTaskIcon({ taskId }) {
  const { state, errorMessage } = handleTaskState(taskId);
 
  switch (state) {
    case StepStates.LOADING:
      return (
        <div>
          <CircularProgress size={20} />
        </div>
      );
    case StepStates.SUCCESS:
      return <CheckCircleOutline color="success" fontSize="medium" />;
    case StepStates.ERROR:
      return (
        <CustomTooltip title={errorMessage} className="!bg-red-400">
          <ErrorOutline color="error" fontSize="medium" />
        </CustomTooltip>
      );
    default:
      return;
  }
}
 
export default HandleTaskIcon;