@immobiliarelabs/backstage-plugin-gitlab
Version:
<p align="center"> <img src="https://avatars.githubusercontent.com/u/10090828?s=200&v=4" width="200px" alt="logo"/> </p> <h1 align="center">Backstage Plugin GitLab</h1>
92 lines (89 loc) • 3.44 kB
JavaScript
import React from 'react';
import { makeStyles, Tooltip } from '@material-ui/core';
const useStyles = makeStyles(() => ({
open: {
fill: "#22863a"
},
closed: {
fill: "#cb2431"
},
merged: {
fill: "#6f42c1"
},
draft: {
fill: "#6a737d"
}
}));
const StatusOpen = () => {
const classes = useStyles();
return /* @__PURE__ */ React.createElement(
"svg",
{
width: "16",
height: "16",
className: classes.open,
viewBox: "0 0 16 16"
},
/* @__PURE__ */ React.createElement(
"path",
{
fillRule: "evenodd",
d: "M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"
}
)
);
};
const StatusClosed = () => {
const classes = useStyles();
return /* @__PURE__ */ React.createElement(
"svg",
{
width: "16",
height: "16",
className: classes.closed,
viewBox: "0 0 16 16"
},
/* @__PURE__ */ React.createElement(
"path",
{
fillRule: "evenodd",
d: "M7.177 3.073L9.573.677A.25.25 0 0110 .854v4.792a.25.25 0 01-.427.177L7.177 3.427a.25.25 0 010-.354zM3.75 2.5a.75.75 0 100 1.5.75.75 0 000-1.5zm-2.25.75a2.25 2.25 0 113 2.122v5.256a2.251 2.251 0 11-1.5 0V5.372A2.25 2.25 0 011.5 3.25zM11 2.5h-1V4h1a1 1 0 011 1v5.628a2.251 2.251 0 101.5 0V5A2.5 2.5 0 0011 2.5zm1 10.25a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM3.75 12a.75.75 0 100 1.5.75.75 0 000-1.5z"
}
)
);
};
const StatusMerged = () => {
const classes = useStyles();
return /* @__PURE__ */ React.createElement(
"svg",
{
width: "16",
height: "16",
className: classes.merged,
viewBox: "0 0 16 16"
},
/* @__PURE__ */ React.createElement(
"path",
{
fillRule: "evenodd",
d: "M5 3.254V3.25v.005a.75.75 0 110-.005v.004zm.45 1.9a2.25 2.25 0 10-1.95.218v5.256a2.25 2.25 0 101.5 0V7.123A5.735 5.735 0 009.25 9h1.378a2.251 2.251 0 100-1.5H9.25a4.25 4.25 0 01-3.8-2.346zM12.75 9a.75.75 0 100-1.5.75.75 0 000 1.5zm-8.5 4.5a.75.75 0 100-1.5.75.75 0 000 1.5z"
}
)
);
};
const getStatusIconType = (row) => {
switch (true) {
case row.state === "opened":
return /* @__PURE__ */ React.createElement(Tooltip, { title: "Open" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(StatusOpen, null)));
case row.state === "locked":
return /* @__PURE__ */ React.createElement(Tooltip, { title: "Open" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(StatusOpen, null)));
case row.state === "merged":
return /* @__PURE__ */ React.createElement(Tooltip, { title: "Merged" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(StatusMerged, null)));
case row.state === "closed":
return /* @__PURE__ */ React.createElement(Tooltip, { title: "Closed" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(StatusClosed, null)));
default:
return null;
}
};
export { getStatusIconType };
//# sourceMappingURL=Icons.esm.js.map