Added release notes display to updater. RPS-48

src/components/molecules/release-notes/release-notes.molecule.jsx

@@ -0,0 +1,44 @@
+import { Modal } from "antd";
+import React, { useEffect } from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import ipcTypes from "../../../ipc.types";
+import { setReleaseNotes } from "../../../redux/application/application.actions";
+import { selectReleaseNotes } from "../../../redux/application/application.selectors";
+const mapStateToProps = createStructuredSelector({
+  releaseNotes: selectReleaseNotes,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+  setReleaseNotes: (notes) => dispatch(setReleaseNotes(notes)),
+});
+const { ipcRenderer } = window;
+
+export function ReleaseNotes({ releaseNotes, setReleaseNotes }) {
+  console.log("ReleaseNotes -> releaseNotes", releaseNotes);
+
+  useEffect(() => {
+    ipcRenderer.send(ipcTypes.default.app.toMain.getReleaseNotes);
+  }, []);
+
+  const handleOk = () => {
+    ipcRenderer.send(ipcTypes.default.store.set, { showChangeLog: false });
+    setReleaseNotes(null);
+  };
+
+  return (
+    <Modal
+      visible={!!releaseNotes}
+      onOk={handleOk}
+      onCancel={handleOk}
+      cancelButtonProps={{ style: { display: "none" } }}
+      title={releaseNotes && releaseNotes.title}
+    >
+      <div>{releaseNotes && releaseNotes.date}</div>
+      <div style={{ whiteSpace: "pre-line" }}>
+        {releaseNotes && releaseNotes.notes}
+      </div>
+    </Modal>
+  );
+}
+export default connect(mapStateToProps, mapDispatchToProps)(ReleaseNotes);

src/components/pages/routes/routes.page.jsx

@@ -5,6 +5,7 @@ import { Route } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../../redux/user/user.selectors";
 import ErrorResultAtom from "../../atoms/error-result/error-result.atom";
+import ReleaseNotes from "../../molecules/release-notes/release-notes.molecule";
 import SiderMenuOrganism from "../../organisms/sider-menu/sider-menu.organism";
 import UpdateManagerOrganism from "../../organisms/update-manager/update-manager.organism";
 import JobsPage from "../jobs/jobs.page";
@@ -40,7 +41,7 @@ export function RoutesPage({ bodyshop }) {
           <Route exact path="/scan" component={ScanPage} />
           <Route exact path="/" component={JobsPage} />
         </Layout.Content>
-
+        <ReleaseNotes />
         <UpdateManagerOrganism />
       </Layout>
     </Layout>