feat(version): show current version in menu (#511)

* feat(version): show current version in menu * refactor(vesion): keep position on mobile
ubilabs · Aug 24, 2020 · a349974 · a349974
1 parent 2c98372
commit a349974
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/scripts/components/main/menu/menu.styl b/src/scripts/components/main/menu/menu.styl
@@ -50,7 +50,7 @@
 
 .logo
   position: absolute
-  bottom: 1.5em
+  bottom: emCalc(24px)
   display: flex
   flex-direction: row
   justify-content: center
@@ -59,6 +59,13 @@
   svg
     fill: $main
 
+.version
+  position: absolute
+  right: emCalc(32px)
+  bottom: emCalc(24px)
+  color: $textDefault
+  font-size: 10px
+
 @media screen and (max-width: 480px)
   .menuContainer
     width: 100%

diff --git a/src/scripts/components/main/menu/menu.tsx b/src/scripts/components/main/menu/menu.tsx
@@ -19,6 +19,8 @@ import styles from './menu.styl';
 
 const Menu: FunctionComponent = () => {
   const [showOverlay, setShowOverlay] = useState(false);
+  // @ts-ignore - injected via webpack's define plugin
+  const version = INFO_VERSION;
 
   return (
     <React.Fragment>
@@ -135,6 +137,7 @@ const Menu: FunctionComponent = () => {
       <div className={styles.logo}>
         <CCILogo />
       </div>
+      <div className={styles.version}>{version}</div>
     </React.Fragment>
   );
 };