@fireflyai/backstage-plugin-firefly
Version:
Firefly plugin for Backstage
14 lines (11 loc) • 1.01 kB
JavaScript
import React from 'react';
import { numberWithCommas } from '../common.esm.js';
import { useStyles } from './TopFiveComponents.styles.esm.js';
const TopFiveComponentsItem = ({ name, count, color }) => {
const classes = useStyles();
const namespace = name.split("/")[0];
const cleanName = name.replace(`${namespace}/`, "");
return /* @__PURE__ */ React.createElement("div", { className: `${classes.item} ${classes.row}` }, /* @__PURE__ */ React.createElement("div", { className: `${classes.itemText} ${classes.col}`, style: { gap: "0px" } }, /* @__PURE__ */ React.createElement("span", { className: classes.itemTextCount }, numberWithCommas(count.toString())), /* @__PURE__ */ React.createElement("span", { className: `${classes.itemTextName}`, style: { color } }, /* @__PURE__ */ React.createElement("a", { href: `/catalog/${namespace}/component/${cleanName}` }, cleanName))));
};
export { TopFiveComponentsItem, TopFiveComponentsItem as default };
//# sourceMappingURL=TopFiveComponentsItem.esm.js.map