add: versioning ui (#609)

forbole · Dec 20, 2021 · 05b314e · 05b314e
1 parent 1edb45a
commit 05b314e
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Changes
 - Add logs in tx details ([\#515](https://github.com/forbole/big-dipper-2.0-cosmos/issues/515))
 - Add tombstoned status ([\#600](https://github.com/forbole/big-dipper-2.0-cosmos/issues/600))
+- Add manual versioning in ui ([\#605](https://github.com/forbole/big-dipper-2.0-cosmos/issues/605))
 - Optimized tx list for chains with heavy traffic ([\#602](https://github.com/forbole/big-dipper-2.0-cosmos/issues/602))
 
 # base-v1.8.4 - 2021-12-08

diff --git a/...components/nav/components/desktop/components/action_bar/components/setting_list/index.tsx b/...components/nav/components/desktop/components/action_bar/components/setting_list/index.tsx
@@ -3,6 +3,7 @@ import { useRouter } from 'next/router';
 import classnames from 'classnames';
 import useTranslation from 'next-translate/useTranslation';
 import SettingIcon from '@assets/icon-setting.svg';
+import { generalConfig } from '@configs';
 import {
   MenuItem,
   Typography,
@@ -54,7 +55,16 @@ const Settings: React.FC<{
         className={classes.dialog}
       >
         <DialogTitle disableTypography className={classes.header}>
-          <Typography variant="h2">{t('settings')}</Typography>
+          <div className={classes.title}>
+            <Typography variant="h2">
+              {t('settings')}
+            </Typography>
+            <Typography variant="body2" className={classes.version}>
+              (
+              {generalConfig.version}
+              )
+            </Typography>
+          </div>
           <IconButton
             aria-label="close"
             onClick={handleCancel}

diff --git a/...components/nav/components/desktop/components/action_bar/components/setting_list/styles.ts b/...components/nav/components/desktop/components/action_bar/components/setting_list/styles.ts
@@ -32,6 +32,10 @@ export const useStyles = () => {
             padding: 0,
           },
         },
+        title: {
+          display: 'flex',
+          alignItems: 'center',
+        },
         dialog: {
           '& .MuiDialog-paper': {
             width: '500px',
@@ -46,6 +50,10 @@ export const useStyles = () => {
             marginBottom: theme.spacing(1),
           },
         },
+        version: {
+          color: theme.palette.custom.fonts.fontFour,
+          marginLeft: theme.spacing(1),
+        },
       });
     },
   )();

diff --git a/src/configs/general_config.json b/src/configs/general_config.json
@@ -5,5 +5,6 @@
   },
   "github": {
     "reportIssue": "https://github.com/forbole/big-dipper-2.0-cosmos/issues"
-  }
+  },
+  "version": "base-v1.8.4"
 }