add warning message to app menu

cybercongress · Nov 27, 2018 · 2bf69e2 · 2bf69e2
1 parent ec8d007
commit 2bf69e2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 16 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "cyb",
   "description": "Web3 browser",
   "main": "public/electron.js",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "author": {
     "name": "cybercongress",
     "email": "[email protected]"

diff --git a/src/containers/Application/AppMenu.js b/src/containers/Application/AppMenu.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { connect } from 'react-redux';
+import { Message } from '@cybercongress/ui';
 import * as actions from '../../redux/appMenu';
 
 import MenuContainer, {
@@ -11,7 +12,6 @@ import MenuContainer, {
     AddMenuItemReject,
 } from '../../components/AppMenu/AppMenu';
 
-
 class AppMenu extends Component {
     addToFavorites = () => {
         const dura = this.props.currentDura;
@@ -31,13 +31,13 @@ class AppMenu extends Component {
     };
 
     clickLogo = () => {
-    	this.props.toggleMenu();
+        this.props.toggleMenu();
     };
 
     render() {
         const {
-        	openMenu, deleteMenuItem, menuItems,
-        	pendingAddToFavorites,
+            openMenu, deleteMenuItem, menuItems,
+            pendingAddToFavorites,
         } = this.props;
 
         return (
@@ -60,6 +60,14 @@ class AppMenu extends Component {
                     </AddMenuItem>
                 )
                 }
+                <Message
+                    style={{
+                        margin: 15,
+                    }}
+                    type='error'
+                >
+                    Cyb in Ethereum Mainnet may not be secure yet. We recommend to operate accounts with small balance at your own risk.
+                </Message>
             </MenuContainer>
         );
     }

diff --git a/src/containers/Application/Application.js b/src/containers/Application/Application.js
@@ -52,17 +52,6 @@ class Application extends Component {
                             <MenuButton onClick={ this.props.toggleMenu } />
                         </NavigationLeft>
                         <NavigationCenter>
-                            <Message
-                              style={{
-                                    position: 'fixed',
-                                    top: 10,
-                                    left: 75,
-                                    width: 340,
-                                }}
-                              type='info'
-                            >
-Cyb in Ethereum Mainnet may not be secure yet. We recommend to operate accounts with small balance at your own risk.
-                            </Message>
                             <NavigationContainer>
                                 {!homePage && <BackButton disabled={ !canBack } onClick={ goBack }>&#8592;</BackButton>}
                                 <Container>