Added report center IO-636

client/src/components/report-center-modal/report-center-modal.container.jsx

@@ -0,0 +1,42 @@
+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()}
+      cancelButtonProps={{ style: { display: "none" } }}
+      destroyOnClose
+    >
+      <ReportCenterModalComponent />
+    </Modal>
+  );
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ReportCenterModalContainer);