Merge pull request #94 from nspcc-dev/feature/63-add_website_version

Add website version to the page

Makefile

@@ -2,6 +2,7 @@
 
 PORT = 3000
 NODE_VERSION ?= 14
+VERSION ?= "$(shell git describe --tags --match "v*" --abbrev=8 2>/dev/null | sed -r 's,^v([0-9]+\.[0-9]+)\.([0-9]+)(-.*)?$$,\1 \2 \3,' | while read mm patch suffix; do if [ -z "$$suffix" ]; then echo $$mm.$$patch; else patch=`expr $$patch + 1`; echo $$mm.$${patch}-pre$$suffix; fi; done)"
 
 ifeq ($(shell uname), Linux)
 	STAT:=-u $(shell stat -c "%u:%g" .)
@@ -60,3 +61,6 @@ docker/%:
 		node:$(NODE_VERSION) sh -c 'make $*'
 
 include help.mk
+
+version:
+	@echo $(VERSION)

package.json

@@ -17,7 +17,7 @@
   },
   "scripts": {
     "resolutions": "npx npm-force-resolutions && npm install -D [email protected]",
-    "start": "react-scripts start",
+    "start": "REACT_APP_VERSION=$(make version) react-scripts start",
     "build": "BUILD_PATH='./output' react-scripts build",
     "test": "jest --updateSnapshot",
     "eject": "react-scripts eject"

src/App.js

@@ -1480,9 +1480,18 @@ export const App = () => {
 					weight="light"
 					subtitle
 					align="center"
+					style={{ marginBottom: 0 }}
 				>
 					NeoFS Panel
 				</Heading>
+				<Heading
+					size={7}
+					weight="light"
+					subtitle
+					align="center"
+				>
+					{process.env.REACT_APP_VERSION}
+				</Heading>
 			</Footer>
 		</>
 	);