Display version in about dialog (#48)

neesjanvaneck · Dec 16, 2022 · 7811c84 · 7811c84
1 parent 3f32fea
commit 7811c84
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/components/ui/Info/index.js b/src/components/ui/Info/index.js
@@ -1,3 +1,4 @@
+/* global VERSION */
 import React, { useContext, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import {
@@ -131,6 +132,11 @@ const Info = observer(() => {
           </IconButton>
         </DialogTitle>
         <DialogContent classes={{ root: s.dialogContent }}>
+          <Typography variant="body1" align="justify" paragraph>
+            VOSviewer Online version
+            {' '}
+            {VERSION}
+          </Typography>
           <Typography variant="body1" align="justify" paragraph>
             VOSviewer Online has been developed by
             {' '}

diff --git a/webpack.component.config.babel.js b/webpack.component.config.babel.js
@@ -134,7 +134,8 @@ export default (env = defaultEnv) => {
       NODE_ENV: JSON.stringify('production'),
       IS_REACT_COMPONENT: JSON.stringify(true),
       MODE: JSON.stringify(appMode),
-      CONFIG: JSON.stringify(jsonConfig)
+      CONFIG: JSON.stringify(jsonConfig),
+      VERSION: JSON.stringify(require("./package.json").version)
     }),
     new RemovePlugin({
       after: {

diff --git a/webpack.config.babel.js b/webpack.config.babel.js
@@ -156,7 +156,8 @@ export default (env = defaultEnv) => {
       NODE_ENV: JSON.stringify(env.dev ? 'development' : 'production'),
       IS_REACT_COMPONENT: JSON.stringify(false),
       MODE: JSON.stringify(appMode),
-      CONFIG: JSON.stringify(jsonConfig)
+      CONFIG: JSON.stringify(jsonConfig),
+      VERSION: JSON.stringify(require("./package.json").version)
     }),
   ];