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

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

import { jsx as _jsx } from "react/jsx-runtime";
import CourseForm from '../CourseForm';
import { memo, useCallback } from 'react';
import { useSnackbar } from 'notistack';
import { FormattedMessage } from 'react-intl';
import { SCCourseFormStepType } from '../../constants/Course';
function Customize(props) {
    // PROPS
    const { course, setCourse } = props;
    // HOOKS
    const { enqueueSnackbar } = useSnackbar();
    // HANDLERS
    const handleSuccess = useCallback((data) => {
        setCourse(Object.assign(Object.assign({}, course), data));
        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.editCourse.tab.customize.snackbar.save", defaultMessage: "ui.editCourse.tab.customize.snackbar.save" }), {
            variant: 'success',
            autoHideDuration: 3000
        });
    }, [course]);
    const handleError = useCallback(() => {
        enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
            variant: 'error',
            autoHideDuration: 3000
        });
    }, []);
    return _jsx(CourseForm, { course: course, step: SCCourseFormStepType.CUSTOMIZATION, onSuccess: handleSuccess, onError: handleError });
}
export default memo(Customize);