version added to env

src/routes/Settings/Settings.js

@@ -118,6 +118,7 @@ const Settings = () => {
                     <Button className={classnames(styles['side-menu-button'], { [styles['selected']]: selectedSectionId === STREAMING_SECTION })} data-section={STREAMING_SECTION} onClick={sideMenuButtonOnClick}>
                         Streaming server
                     </Button>
+                    {process.env.version}
                 </div>
                 <div ref={sectionsContainerRef} className={styles['sections-container']} onScroll={sectionsContainerOnScorll}>
                     <div ref={generalSectionRef} className={styles['section-container']}>

webpack.config.js

@@ -5,6 +5,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const TerserPlugin = require('terser-webpack-plugin');
+const pachageJson = require('./package.json');
 
 module.exports = (env, argv) => ({
     entry: './src/index.js',
@@ -130,6 +131,7 @@ module.exports = (env, argv) => ({
     plugins: [
         new webpack.EnvironmentPlugin({
             DEBUG: argv.mode !== 'production',
+            version: pachageJson.version,
             ...env
         }),
         new webpack.ProgressPlugin(),