From cc97a79fa33e1e3ba230cc618782da59f37b2bb6 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Tue, 11 Feb 2020 22:42:59 +0200
Subject: [PATCH] version added to env

---
 src/routes/Settings/Settings.js | 1 +
 webpack.config.js               | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index 1051c5156..0be6eb712 100644
--- a/src/routes/Settings/Settings.js
+++ b/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']}>
diff --git a/webpack.config.js b/webpack.config.js
index cf679670e..6c5e81f17 100644
--- a/webpack.config.js
+++ b/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(),