@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
77 lines (76 loc) • 3.99 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { LoadingButton } from '@mui/lab';
import { Icon, Stack } 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 { PREFIX } from './constants';
import PubSub from 'pubsub-js';
import { SCCourseEventType, SCTopicType } from '../../constants/PubSub';
import { SCCourseEditTabType } from '../../types/course';
const classes = {
requestButtonWrapper: `${PREFIX}-request-button-wrapper`
};
function RequestButton(props, ref) {
// PROPS
const { course, user, handleOpenDialog } = props;
// STATES
const [acceptLoading, setAcceptLoading] = useState(false);
const [rejectLoading, setRejectLoading] = useState(false);
// HOOKS
const { enqueueSnackbar } = useSnackbar();
// HANDLERS
const handleAccept = useCallback(() => {
setAcceptLoading(true);
const data = {
users: [user.id]
};
CourseService.inviteOrAcceptUsersToCourse(course.id, data)
.then(() => {
setAcceptLoading(false);
PubSub.publish(`${SCTopicType.COURSE}.${SCCourseEventType.ADD_MEMBER}`, user);
PubSub.publish(`${SCTopicType.COURSE}.${SCCourseEventType.REJECT_MEMBER}`, user);
enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.editCourse.tab.requests.table.snackbar.accepted", defaultMessage: "ui.editCourse.tab.requests.table.snackbar.accepted" }), {
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, user, setAcceptLoading]);
const handleReject = useCallback((userToReject) => {
setRejectLoading(true);
const params = {
user: userToReject.id
};
CourseService.leaveOrRemoveCourseRequest(course.id, params)
.then(() => {
setRejectLoading(false);
PubSub.publish(`${SCTopicType.COURSE}.${SCCourseEventType.REJECT_MEMBER}`, userToReject);
enqueueSnackbar(_jsx(FormattedMessage, { id: "ui.editCourse.tab.requests.table.snackbar.rejected", defaultMessage: "ui.editCourse.tab.requests.table.snackbar.rejected" }), {
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, setRejectLoading]);
useImperativeHandle(ref, () => ({
handleManageUser: (userToReject) => handleReject(userToReject)
}), [handleReject]);
return (_jsxs(Stack, Object.assign({ className: classes.requestButtonWrapper }, { children: [_jsx(LoadingButton, Object.assign({ size: "small", color: "primary", variant: "outlined", onClick: handleAccept, loading: acceptLoading, disabled: acceptLoading }, { children: _jsx(Icon, { children: "check" }) })), _jsx(LoadingButton, Object.assign({ size: "small", color: "inherit", variant: "outlined", onClick: () => handleOpenDialog({ tab: SCCourseEditTabType.REQUESTS, request: user }), loading: rejectLoading, disabled: rejectLoading }, { children: _jsx(Icon, { children: "close" }) }))] })));
}
export default memo(forwardRef(RequestButton));