github.com/treeverse/lakefs@v1.24.1-0.20240520134607-95648127bfb0/webui/src/lib/components/repository/actions.jsx (about)

     1  import React from "react";
     2  
     3  import OverlayTrigger from "react-bootstrap/OverlayTrigger";
     4  import Tooltip from "react-bootstrap/Tooltip";
     5  import {CheckCircleFillIcon, StopwatchIcon, XCircleFillIcon, SkipIcon} from "@primer/octicons-react";
     6  
     7  
     8  export const ActionStatusIcon = ({ status, className = null }) => {
     9      let icon = <StopwatchIcon fill="orange" verticalAlign="middle"/>
    10      if (status === "completed") {
    11          icon = <CheckCircleFillIcon fill="green" verticalAlign="middle"/>
    12      } else if (status === "failed") {
    13          icon = <XCircleFillIcon fill="red" verticalAlign="middle"/>
    14      } else if (status === "skipped") {
    15          icon = <SkipIcon fill="yellow" verticalAlign="middle"/>
    16      }
    17      // otherwise, probably still running
    18      return (
    19          <OverlayTrigger placement="bottom" overlay={<Tooltip>{status}</Tooltip>}>
    20                  <span className={className}>{icon}</span>
    21          </OverlayTrigger>
    22      );
    23  };
    24