@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
34 lines (33 loc) • 1.99 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const material_1 = require("@mui/material");
const react_intl_1 = require("react-intl");
const constants_1 = require("./constants");
const types_1 = require("@selfcommunity/types");
const classnames_1 = tslib_1.__importDefault(require("classnames"));
const react_1 = require("react");
const types_2 = require("../../types");
const classes = {
status: `${constants_1.PREFIX}-status`,
contrastColor: `${constants_1.PREFIX}-contrast-color`
};
function Status(props) {
// STATES
const { course, handleTabChange } = props;
// HOOKS
const intl = (0, react_intl_1.useIntl)();
// HANDLERS
const handleClick = (0, react_1.useCallback)(() => {
handleTabChange(null, types_2.SCCourseEditTabType.CUSTOMIZE);
}, [handleTabChange]);
return ((0, jsx_runtime_1.jsx)(material_1.Chip, { label: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ size: "small", variant: "text", color: "inherit", onClick: handleClick }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body1" }, { children: intl.formatMessage({ id: 'ui.editCourse.tab.lessons.status', defaultMessage: 'ui.editCourse.tab.lessons.status' }, {
status: intl.formatMessage({
id: `ui.course.privacy.${course.privacy === types_1.SCCoursePrivacyType.DRAFT ? 'draft' : course.privacy}`,
defaultMessage: `ui.course.privacy.${course.privacy === types_1.SCCoursePrivacyType.DRAFT ? 'draft' : course.privacy}`
}),
b: (chunks) => ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "b", fontWeight: "bold" }, { children: chunks })))
}) })) })), className: (0, classnames_1.default)(classes.status, classes.contrastColor) }));
}
exports.default = Status;