45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
import { Modal } from "antd";
|
|
import React from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { connect } from "react-redux";
|
|
import { createStructuredSelector } from "reselect";
|
|
import { toggleModalVisible } from "../../redux/modals/modals.actions";
|
|
import { selectReportCenter } from "../../redux/modals/modals.selectors";
|
|
import ReportCenterModalComponent from "./report-center-modal.component";
|
|
|
|
const mapStateToProps = createStructuredSelector({
|
|
reportCenterModal: selectReportCenter,
|
|
});
|
|
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
toggleModalVisible: () => dispatch(toggleModalVisible("reportCenter")),
|
|
});
|
|
|
|
export function ReportCenterModalContainer({
|
|
reportCenterModal,
|
|
toggleModalVisible,
|
|
}) {
|
|
const { t } = useTranslation();
|
|
|
|
const { visible } = reportCenterModal;
|
|
|
|
return (
|
|
<Modal
|
|
visible={visible}
|
|
title={t("printcenter.labels.reportcentermodal")}
|
|
onOk={() => toggleModalVisible()}
|
|
onCancel={() => toggleModalVisible()}
|
|
cancelButtonProps={{ style: { display: "none" } }}
|
|
destroyOnClose
|
|
width="80%"
|
|
>
|
|
<ReportCenterModalComponent />
|
|
</Modal>
|
|
);
|
|
}
|
|
|
|
export default connect(
|
|
mapStateToProps,
|
|
mapDispatchToProps
|
|
)(ReportCenterModalContainer);
|