@selfcommunity/react-ui/lib/esm/shared/CourseUsersTable/RemoveButton.js

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

import { jsx as _jsx } from "react/jsx-runtime";
import { LoadingButton } from '@mui/lab';
import { Icon } from '@mui/material';
import { CourseService } from '@selfcommunity/api-services';
import { forwardRef, memo, useCallback, useImperativeHandle, useState } from 'react';
import { SCOPE_SC_UI } from '../../constants/Errors';
import { Logger } from '@selfcommunity/utils';
import { FormattedMessage } from 'react-intl';
import { useSnackbar } from 'notistack';
import PubSub from 'pubsub-js';
import { SCCourseEventType, SCTopicType } from '../../constants/PubSub';
import { SCCourseEditTabType } from '../../types/course';
function RemoveButton(props, ref) {
    // PROPS
    const { course, user, handleOpenDialog } = props;
    // STATES
    const [loading, setLoading] = useState(false);
    // HOOKS
    const { enqueueSnackbar } = useSnackbar();
    // HANDLERS
    const handleSubmit = useCallback((userToRemove) => {
        setLoading(true);
        const params = {
            user: userToRemove.id
        };
        CourseService.leaveOrRemoveCourseRequest(course.id, params)
            .then(() => {
            setLoading(false);
            PubSub.publish(`${SCTopicType.COURSE}.${SCCourseEventType.REMOVE_MEMBER}`, userToRemove);
            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.editCourse.tab.users.table.snackbar.removed", defaultMessage: "ui.editCourse.tab.users.table.snackbar.removed" }), {
                variant: 'success',
                autoHideDuration: 3000
            });
        })
            .catch((error) => {
            Logger.error(SCOPE_SC_UI, error);
            enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.common.error.action", defaultMessage: "ui.common.error.action" }), {
                variant: 'error',
                autoHideDuration: 3000
            });
        });
    }, [course, setLoading]);
    useImperativeHandle(ref, () => ({
        handleManageUser: (userToRemove) => handleSubmit(userToRemove)
    }), [handleSubmit]);
    return (_jsx(LoadingButton, Object.assign({ size: "small", color: "inherit", variant: "outlined", onClick: () => handleOpenDialog({ tab: SCCourseEditTabType.USERS, user }), loading: loading, disabled: loading }, { children: _jsx(Icon, { children: "close" }) })));
}
export default memo(forwardRef(RemoveButton));