@filerobot/approvals
Version:
Asset approvals package for Filerobot
46 lines • 2.15 kB
JavaScript
import { useCallback } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { historyApprovalActivated, selectActiveVersionApprovalsArray, selectApprovalsLoading, selectIsVersionsLoading, selectVersionActiveApproval } from '../../../../common.slice';
import ListView from '../../../ApprovalsTab/ListView';
import DetailsView from '../../../ApprovalsTab/DetailsView';
import useApprovals from '../../../../hooks/useApprovals';
import Styled from './ApprovalsHistoryContent.styled';
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
var ApprovalsSection = function ApprovalsSection() {
var dispatch = useDispatch();
var _useApprovals = useApprovals(),
i18n = _useApprovals.i18n;
var activeVersionApprovals = useSelector(selectActiveVersionApprovalsArray);
var isVersionsLoading = useSelector(selectIsVersionsLoading);
var isLoading = useSelector(selectApprovalsLoading);
var versionActiveApproval = useSelector(selectVersionActiveApproval);
var activateApproval = useCallback(function () {
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
approvalUuid = _ref.approvalUuid;
dispatch(historyApprovalActivated(approvalUuid));
}, [dispatch]);
return /*#__PURE__*/_jsx(Styled.ApprovalsContainer, {
children: /*#__PURE__*/_jsx(Styled.ApprovalsContent, {
children: versionActiveApproval ? /*#__PURE__*/_jsx(DetailsView, {
approval: versionActiveApproval,
onGoBack: activateApproval,
forHistoryModal: true
}) : /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsx(Styled.Title, {
children: i18n('approvalsHistoryModalApprovalsLabel')
}), /*#__PURE__*/_jsx(ListView, {
isLoading: isLoading || isVersionsLoading,
approvals: activeVersionApprovals,
onActivateApproval: activateApproval,
marginBottom: 16,
approvalsListViewStyle: {
overflowY: 'auto',
paddingRight: 4
},
forHistoryModal: true
})]
})
})
});
};
export default ApprovalsSection;