@selfcommunity/react-ui/lib/esm/components/EditCourse/Status.js

React UI Components to integrate a Community created with SelfCommunity Platform.

import { jsx as _jsx } from "react/jsx-runtime";
import { Button, Chip, Typography } from '@mui/material';
import { useIntl } from 'react-intl';
import { PREFIX } from './constants';
import { SCCoursePrivacyType } from '@selfcommunity/types';
import classNames from 'classnames';
import { useCallback } from 'react';
import { SCCourseEditTabType } from '../../types';
const classes = {
    status: `${PREFIX}-status`,
    contrastColor: `${PREFIX}-contrast-color`
};
export default function Status(props) {
    // STATES
    const { course, handleTabChange } = props;
    // HOOKS
    const intl = useIntl();
    // HANDLERS
    const handleClick = useCallback(() => {
        handleTabChange(null, SCCourseEditTabType.CUSTOMIZE);
    }, [handleTabChange]);
    return (_jsx(Chip, { label: _jsx(Button, Object.assign({ size: "small", variant: "text", color: "inherit", onClick: handleClick }, { children: _jsx(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 === SCCoursePrivacyType.DRAFT ? 'draft' : course.privacy}`,
                        defaultMessage: `ui.course.privacy.${course.privacy === SCCoursePrivacyType.DRAFT ? 'draft' : course.privacy}`
                    }),
                    b: (chunks) => (_jsx(Typography, Object.assign({ component: "b", fontWeight: "bold" }, { children: chunks })))
                }) })) })), className: classNames(classes.status, classes.contrastColor) }));
}