@redocly/theme
Version:
Shared UI components lib
32 lines • 2.38 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.OwnersProperty = OwnersProperty;
const react_1 = __importDefault(require("react"));
const hooks_1 = require("../../../../core/hooks");
const PeopleIcon_1 = require("../../../../icons/PeopleIcon/PeopleIcon");
const CatalogEntityPropertyCard_1 = require("../../../../components/Catalog/CatalogEntity/CatalogEntityProperties/CatalogEntityPropertyCard");
const hooks_2 = require("../../../../core/hooks");
const Button_1 = require("../../../../components/Button/Button");
const CatalogAvatar_1 = require("../../../../components/Catalog/CatalogAvatar");
function OwnersProperty({ entity }) {
const { useTranslate, usePageProps } = (0, hooks_2.useThemeHooks)();
const { translate } = useTranslate();
const { entitiesCatalogConfig } = usePageProps();
const { getEntityLink } = (0, hooks_1.useCatalogEntityLink)(entitiesCatalogConfig);
const { owners = [] } = entity;
return (react_1.default.createElement("div", { "data-component-name": "Catalog/CatalogEntity/CatalogEntityProperties/OwnersProperty" },
react_1.default.createElement(CatalogEntityPropertyCard_1.CatalogEntityPropertyCard, { header: react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(PeopleIcon_1.PeopleIcon, null),
translate('catalog.owners.label', 'Owners')), content: react_1.default.createElement(react_1.default.Fragment, null, owners.map((owner) => {
const entityLink = getEntityLink(owner);
return (react_1.default.createElement(Button_1.Button, { key: owner === null || owner === void 0 ? void 0 : owner.id, variant: "outlined", size: "small", style: {
backgroundColor: 'var(--bg-color)',
borderRadius: 'var(--border-radius-xl)',
paddingLeft: '2px',
}, to: entityLink, icon: react_1.default.createElement(CatalogAvatar_1.CatalogAvatar, { value: owner === null || owner === void 0 ? void 0 : owner.key, size: "small" }), external: true }, owner === null || owner === void 0 ? void 0 : owner.title));
})) })));
}
//# sourceMappingURL=OwnersProperty.js.map