feat(app): bostrom launch

package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "start": "webpack-dev-server --config=webpack.config.dev.js --https -d --disable-host-check",
-    "build": "webpack --config=webpack.config.prod.js -p && ncp build/index.html build/404.html && echo 'cyb.ai' > build/CNAME",
+    "build": "webpack --config=webpack.config.prod.js -p && ncp build/index.html build/404.html && echo 'rebyc.cyber.page' > build/CNAME",
     "devserver": "parcel serve src/index.html -p 8001 --no-cache",
     "lint": "eslint src/"
   },

src/components/valueImg/index.jsx

@@ -7,6 +7,9 @@ const hydrogen = require('../../image/hydrogen.svg');
 const tocyb = require('../../image/boot.png');
 const boot = require('../../image/large-green.png');
 const downOutline = require('../../image/chevronDownOutline.svg');
+const gol = require('../../image/seedling.png');
+const atom = require('../../image/cosmos-2.svg');
+const eth = require('../../image/Ethereum_logo_2014.svg');
 
 const ValueImg = ({
   text,
@@ -54,6 +57,21 @@ const ValueImg = ({
       textCurency = 'choose';
       break;
 
+    case 'GOL':
+      img = gol;
+      textCurency = 'GOL';
+      break;
+
+    case 'atom':
+      img = atom;
+      textCurency = 'ATOM';
+      break;
+
+    case 'eth':
+      img = eth;
+      textCurency = 'ETH';
+      break;
+
     default:
       if (text.includes('pool')) {
         textCurency = trimString(text, 4, 3);

src/containers/Wallet/card/PubkeyCard.jsx

@@ -211,15 +211,15 @@ const CosmosAddressInfo = ({
                 value={
                   ((totalCosmos.total / COSMOS.DIVISOR_ATOM) * 1000) / 1000
                 }
-                text="ATOM"
+                text="atom"
               />
             </RowBalance>
             {open && (
               <DetailsBalance
                 total={totalCosmos}
                 paddingLeft={15}
                 divisor={COSMOS.DIVISOR_ATOM}
-                currency="ATOM"
+                currency="atom"
               />
             )}
           </>
@@ -411,6 +411,7 @@ const EULnetworkInfo = ({
               .map((key) => {
                 return (
                   <BalanceToken
+                    key={key}
                     onClickOpen={props[`onClickOpen${key}`]}
                     open={props[`open${key}`]}
                     balanceToken={balanceToken[key]}
@@ -424,6 +425,7 @@ const EULnetworkInfo = ({
               Object.keys(balanceToken.pools).map((key) => {
                 return (
                   <FormatNumberTokens
+                    key={key}
                     value={balanceToken.pools[key]}
                     text={key}
                   />
@@ -514,7 +516,7 @@ const EthAddressInfo = ({
       <Pane flexDirection="column" display="flex" alignItems="flex-end">
         <FormatNumberTokens
           value={exponentialToDecimal(parseFloat(eth).toPrecision(6))}
-          text="ETH"
+          text="eth"
         />
         <FormatNumberTokens value={parseFloat(gol)} text="GOL" />
       </Pane>

src/containers/Wallet/card/tweet.jsx

@@ -310,7 +310,6 @@ function TweetCard({
 
 const mapStateToProps = (store) => {
   return {
-    mobile: store.settings.mobile,
     node: store.ipfs.ipfs,
   };
 };

src/containers/Wallet/components/pocketCard.jsx

@@ -12,7 +12,7 @@ const editOutline = require('../../../image/create-outline.svg');
 const editDone = require('../../../image/ionicons_svg_ios-checkmark-circle.svg');
 const deleteIcon = require('../../../image/trash-outline.svg');
 const imgEth = require('../../../image/Ethereum_logo_2014.svg');
-const imgCyber = require('../../../image/blue-circle.png');
+const imgCyber = require('../../../image/large-green.png');
 const imgCosmos = require('../../../image/cosmos-2.svg');
 
 const imgData = {

src/containers/Wallet/hooks/pubkeyCard.js

@@ -74,7 +74,7 @@ export const useGetBalanceEth = (address) => {
         setBalanceEth((item) => ({ ...item, gol: responseGol }));
       }
     };
-    feachData();
+    setTimeout(feachData, 100);
   }, [address]);
 
   return balanceEth;

src/containers/account/index.jsx

@@ -6,7 +6,7 @@ import GetLink from './tabs/link';
 import { getIpfsHash, getTweet, chekFollow } from '../../utils/search/utils';
 // import Balance fro./mainnce';
 import Heroes from './tabs/heroes';
-import { fromBech32, formatNumber, asyncForEach } from '../../utils/utils';
+import { coinDecimals, formatNumber, asyncForEach } from '../../utils/utils';
 import { Loading, Copy, ContainerCard, Card, Dots } from '../../components';
 import ActionBarContainer from './actionBar';
 import GetTxs from './tabs/txs';
@@ -18,7 +18,7 @@ import AvatarIpfs from './component/avatarIpfs';
 import CyberLinkCount from './component/cyberLinkCount';
 import { AppContext } from '../../context';
 import { useGetCommunity, useGetBalance, useGetHeroes } from './hooks';
-import { CYBER } from '../../utils/config';
+import { CYBER, PATTERN_CYBER } from '../../utils/config';
 
 const TabBtn = ({ text, isSelected, onSelect, to }) => (
   <Link to={to}>
@@ -57,6 +57,7 @@ function AccountDetails({ node, mobile, defaultAccount }) {
   const [tweets, setTweets] = useState(false);
   const [follow, setFollow] = useState(false);
   const [activeAddress, setActiveAddress] = useState(null);
+  const [karmaNeuron, setKarmaNeuron] = useState(0);
 
   useEffect(() => {
     const { pathname } = location;
@@ -107,6 +108,17 @@ function AccountDetails({ node, mobile, defaultAccount }) {
     getFeeds();
   }, [address, updateAddress]);
 
+  useEffect(() => {
+    const getKarma = async () => {
+      if (jsCyber !== null && address.match(PATTERN_CYBER)) {
+        const responseKarma = await jsCyber.karma(address);
+        const karma = parseFloat(responseKarma.karma);
+        setKarmaNeuron(karma);
+      }
+    };
+    getKarma();
+  }, [jsCyber, address]);
+
   useEffect(() => {
     const chekFollowAddress = async () => {
       const addressFromIpfs = await getIpfsHash(address);
@@ -237,7 +249,7 @@ function AccountDetails({ node, mobile, defaultAccount }) {
         <ContainerCard col={3}>
           <Card
             title="cyberlinks"
-            value={<CyberLinkCount accountUser={address} />}
+            value={formatNumber(karmaNeuron)}
             stylesContainer={{
               width: '100%',
               maxWidth: 'unset',