@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
90 lines (88 loc) • 3.65 kB
JavaScript
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import React, { forwardRef } from 'react';
import { useDispatch } from 'react-redux';
import PublishingStatusButtonUI from './PublishingStatusButtonUI';
import { showPublishingStatusDialog, showWidgetDialog } from '../../state/actions/dialogs';
import { useSelection } from '../../hooks/useSelection';
import { useIntl } from 'react-intl';
import useActiveUser from '../../hooks/useActiveUser';
import useActiveSiteId from '../../hooks/useActiveSiteId';
export const PublishingStatusButton = forwardRef((props, ref) => {
const { enabled, status, isFetching, totalItems, numberOfItems } = useSelection(
(state) => state.dialogs.publishingStatus
);
const { formatMessage } = useIntl();
const dispatch = useDispatch();
const user = useActiveUser();
const site = useActiveSiteId();
const onShowDialog = () => {
var _a, _b;
const userRoles =
(_a = user === null || user === void 0 ? void 0 : user.rolesBySite[site]) !== null && _a !== void 0 ? _a : [];
const userPermissions =
(_b = user === null || user === void 0 ? void 0 : user.permissionsBySite[site]) !== null && _b !== void 0
? _b
: [];
dispatch(
// If user has either of these permissions or roles, then he'll see more than one widget, and it's worth showing the
// Publishing Dashboard. Otherwise, just show the simple status dialog.
userPermissions.some((permission) => permission === 'get_publishing_queue' || permission === 'publish') ||
userRoles.some((role) => role === 'developer' || role === 'admin')
? showWidgetDialog({
title: formatMessage({
id: 'words.publishing',
defaultMessage: 'Publishing'
}),
widget: {
id: 'craftercms.components.PublishingDashboard',
configuration: {
embedded: true
}
}
})
: showPublishingStatusDialog({})
);
};
return React.createElement(
PublishingStatusButtonUI,
Object.assign({}, props, {
ref: ref,
enabled: enabled,
status: status,
isFetching: isFetching,
totalItems: totalItems,
numberOfItems: numberOfItems,
onClick: onShowDialog
})
);
});
export default PublishingStatusButton;