From a92167c4792f46f2664c88e8820d905a51987f58 Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Fri, 8 Apr 2022 17:25:25 +0300
Subject: [PATCH 1/7] xno/nano support

---
 package.json                                  |   1 +
 src/assets/currencies/xno.svg                 |   4 +
 .../CurrencyAddress/CurrencyAddress.tsx       |   4 +-
 src/components/CurrencyLogo/CurrencyLogo.tsx  |   8 +-
 src/components/WalletCard/WalletCard.tsx      |  31 +-
 src/config/currencies.ts                      |  10 +
 .../Wallets/components/Wallet/Wallet.tsx      |   3 +-
 .../RestoreBackup/RestoreBackup.tsx           |  33 +-
 src/externalPages/Send/Send.tsx               |   4 +-
 .../ImportPrivateKey/ImportPrivateKey.tsx     |   6 +-
 src/pages/NewWallet/NewWallet.tsx             |  10 +-
 src/pages/Send/Send.tsx                       |   4 +-
 .../SendConfirmation/SendConfirmation.tsx     |   7 +-
 src/pages/Wallet/Wallet.tsx                   |  39 +-
 src/utils/api/index.ts                        |  43 ++-
 src/utils/backup.ts                           |  10 +-
 src/utils/currencies/hedera/index.ts          |   8 +-
 src/utils/currencies/index.ts                 |  50 ++-
 src/utils/currencies/nano/index.ts            | 341 ++++++++++++++++++
 src/utils/currencies/nano/types.ts            |  58 +++
 src/utils/currencies/types.ts                 |   2 +-
 src/utils/currencies/vechain/index.ts         |   4 +-
 src/utils/format.ts                           |   2 +-
 src/utils/history.ts                          |  40 +-
 src/utils/txs.ts                              |  22 +-
 yarn.lock                                     |   8 +
 26 files changed, 673 insertions(+), 79 deletions(-)
 create mode 100644 src/assets/currencies/xno.svg
 create mode 100644 src/utils/currencies/nano/index.ts
 create mode 100644 src/utils/currencies/nano/types.ts

diff --git a/package.json b/package.json
index 4ea16de6..5d8730fd 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
     "detect-browser": "^5.2.0",
     "digibyte-lib": "https://github.com/DigiByte-Core/digibyte-lib",
     "lodash": "^4.17.21",
+    "nanocurrency": "^2.5.0",
     "neblio-lib": "https://github.com/NeblioTeam/bitcore-lib#neblcore-lib",
     "nerve-sdk-js": "^1.0.8",
     "nuls-sdk-js": "^2.5.0",
diff --git a/src/assets/currencies/xno.svg b/src/assets/currencies/xno.svg
new file mode 100644
index 00000000..9c7a0d6a
--- /dev/null
+++ b/src/assets/currencies/xno.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.4445 24H19.5299L12.2688 12.9585L4.89906 24H3L11.2634 11.4904L3.73542 0H5.68724L12.2998 10.1071L19.0551 0H20.8859L13.2773 11.457L21.4445 24Z" fill="white"/>
+<path d="M4.81543 10.7593H19.6914V12.1243H4.81543V10.7593ZM4.81543 14.8543H19.6945V16.2193H4.81543V14.8543Z" fill="white"/>
+</svg>
diff --git a/src/components/CurrencyAddress/CurrencyAddress.tsx b/src/components/CurrencyAddress/CurrencyAddress.tsx
index d8ddb5ef..04d5976a 100644
--- a/src/components/CurrencyAddress/CurrencyAddress.tsx
+++ b/src/components/CurrencyAddress/CurrencyAddress.tsx
@@ -7,7 +7,7 @@ import CheckBox from '@components/CheckBox'
 
 // Utils
 import { short, toUpper } from '@utils/format'
-import { getBalance } from '@utils/api'
+import { getBalance } from '@utils/currencies'
 import { getCurrency } from '@config/currencies'
 
 // Styles
@@ -33,7 +33,7 @@ const CurrencyAddress: React.FC<Props> = (props) => {
   const currency = getCurrency(symbol)
 
   const onGetBalance = async (): Promise<void> => {
-    const request = await getBalance(address, currency?.chain)
+    const request = await getBalance(symbol, address, currency?.chain)
 
     setBalance(request.balance)
   }
diff --git a/src/components/CurrencyLogo/CurrencyLogo.tsx b/src/components/CurrencyLogo/CurrencyLogo.tsx
index 806cd0e9..70752a18 100644
--- a/src/components/CurrencyLogo/CurrencyLogo.tsx
+++ b/src/components/CurrencyLogo/CurrencyLogo.tsx
@@ -25,7 +25,7 @@ const CurrencyLogo: React.FC<Props> = (props) => {
 
   const [logo, setLogo] = React.useState<string | null>(null)
 
-  const getChainogo = chain ? getCurrencyByChain(chain) : null
+  const getChainLogo = chain ? getCurrencyByChain(chain) : null
   const currency = chain ? getToken(symbol, chain) : getCurrency(symbol)
 
   React.useEffect(() => {
@@ -47,7 +47,7 @@ const CurrencyLogo: React.FC<Props> = (props) => {
       <Styles.LogoRow
         width={size}
         height={size}
-        background={background || currency?.background || getChainogo?.background}
+        background={background || currency?.background || getChainLogo?.background}
         br={br}
       >
         {currency || logo ? (
@@ -57,9 +57,9 @@ const CurrencyLogo: React.FC<Props> = (props) => {
           <Styles.LetterLogo>{toUpper(name[0])}</Styles.LetterLogo>
         ) : null}
       </Styles.LogoRow>
-      {getChainogo ? (
+      {getChainLogo ? (
         <Styles.TokenRow size={size}>
-          <Styles.TokenLogo size={size} src={getChainogo.logo} />
+          <Styles.TokenLogo size={size} src={getChainLogo.logo} />
         </Styles.TokenRow>
       ) : null}
     </Styles.Container>
diff --git a/src/components/WalletCard/WalletCard.tsx b/src/components/WalletCard/WalletCard.tsx
index f47b4eb4..d1a8d444 100644
--- a/src/components/WalletCard/WalletCard.tsx
+++ b/src/components/WalletCard/WalletCard.tsx
@@ -7,7 +7,7 @@ import CurrencyLogo from '@components/CurrencyLogo'
 import Skeleton from '@components/Skeleton'
 
 // Utils
-import { getBalance } from '@utils/api'
+import { getBalance } from '@utils/currencies'
 import { toUpper, numberFriendly, formatEstimated, getFormatBalance } from '@utils/format'
 import {
   updateBalance,
@@ -37,6 +37,7 @@ import Styles from './styles'
 import { TWalletAmountData } from '@pages/Wallets/types'
 import { TTxWallet } from '@utils/api/types'
 import { THardware } from '@utils/wallet'
+import { receiveAllPendingTxs, updateWalletActivationStatus } from 'utils/currencies/nano'
 
 
 interface Props {
@@ -94,6 +95,7 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
   const [balance, setBalance] = React.useState<number | null>(null)
   const [estimated, setEstimated] = React.useState<number | null>(null)
   const [pendingBalance, setPendingBalance] = React.useState<number>(0)
+  const [notActivatedStatus, setActivationStatus] = React.useState<boolean>(!!isNotActivated)
 
   const walletData: TTxWallet = {
     chain: getWalletChain(symbol, chain),
@@ -104,23 +106,34 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
   }
 
   React.useEffect(() => {
+    checkActivatedStatus()
     loadBalance()
   }, [])
 
+  const checkActivatedStatus = () => {
+    if (symbol === 'xno') {
+      updateWalletActivationStatus(address).then(res => {
+        if (res) {
+          setActivationStatus(true)
+        }
+      })
+    }
+  }
+
   const loadBalance = async (): Promise<void> => {
     const savedData = getLatestBalance(address, chain, symbol)
 
     const isFetchReady = checkIfTimePassed(savedData.lastBalanceCheck || 0, { seconds: 20 })
     const isFullData = !Object.entries(savedData).find(v => v[1] === null)
 
-    let data = isNotActivated ? emptyData : savedData
+    let data = notActivatedStatus ? emptyData : savedData
 
-    const isFetchRequired = !isNotActivated && (isFetchReady || !isFullData)
+    const isFetchRequired = !notActivatedStatus && (isFetchReady || !isFullData)
 
     if (isFetchRequired) {
       updateLast('lastBalanceCheck', address, chain)
 
-      const fetchedData = await getBalance(address, currency?.chain || chain, tokenSymbol, contractAddress)
+      const fetchedData = await getBalance(symbol, address, currency?.chain || chain, tokenSymbol, contractAddress)
       data = { ...data, ...fetchedData }
     }
 
@@ -148,6 +161,10 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
         }
       })
 
+      if (symbol === 'xno') {
+        await receiveAllPendingTxs(address)
+      }
+
       await updateTxsHistory({ updateSingleWallet: walletData })
       updateBalance({ address, symbol, balance, balance_btc, pending: pending, balance_usd, pending_btc: pending_btc })
       updateLast('lastActive', address, chain)
@@ -185,7 +202,7 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
     <Styles.Wrapper onClick={openWallet}>
       <Styles.Container className={'container'}>
         <CurrencyLogo size={40} symbol={symbol} chain={chain} name={name} />
-        <Styles.Row gridColumns={isNotActivated ? 'auto' : 'repeat(2,1fr)'}>
+        <Styles.Row gridColumns={notActivatedStatus ? 'auto' : 'repeat(2,1fr)'}>
           <Styles.AddressInfo>
             <Styles.CurrencyInfo>
               {hardware ? (
@@ -199,7 +216,7 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
               ) : null}
               <Styles.WalletName className='wallet-name'>{walletName}</Styles.WalletName>
             </Styles.CurrencyInfo>
-            {isNotActivated ? (
+            {notActivatedStatus ? (
               <Styles.ActivateBlock>
                 <Styles.ActivateLabel>Need activation</Styles.ActivateLabel>
               </Styles.ActivateBlock>
@@ -209,7 +226,7 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
               </Styles.AddressRow>
             )}
           </Styles.AddressInfo>
-          {!isNotActivated ? (
+          {!notActivatedStatus ? (
             <Styles.Balances>
               <Skeleton width={110} height={16} type='gray' br={4} isLoading={balance === null}>
                 <Styles.BalanceRow>
diff --git a/src/config/currencies.ts b/src/config/currencies.ts
index 30d62c06..4a164d27 100644
--- a/src/config/currencies.ts
+++ b/src/config/currencies.ts
@@ -30,6 +30,7 @@ import toncoinLogo from '@assets/currencies/toncoin.svg'
 import ravencoinLogo from '@assets/currencies/rvn.svg'
 import digibyteLogo from '@assets/currencies/dgb.svg'
 import ftmLogo from '@assets/currencies/ftm.svg'
+import xnoLogo from '@assets/currencies/xno.svg'
 
 // Utils
 import { toLower } from '@utils/format'
@@ -314,6 +315,15 @@ const currencies: ICurrency[] = [
     chain: 'ftm',
     minSendAmount: 1000,
     isCustomFee: true,
+  },
+  {
+    name: 'Nano',
+    symbol: 'xno',
+    logo: xnoLogo,
+    background: '#209CE9',
+    chain: 'xno',
+    minSendAmount: 1000000000000000,
+    isCustomFee: false,
   }
 ]
 
diff --git a/src/drawers/Wallets/components/Wallet/Wallet.tsx b/src/drawers/Wallets/components/Wallet/Wallet.tsx
index fbacb8ff..bfff1fff 100644
--- a/src/drawers/Wallets/components/Wallet/Wallet.tsx
+++ b/src/drawers/Wallets/components/Wallet/Wallet.tsx
@@ -7,7 +7,7 @@ import CurrencyLogo from '@components/CurrencyLogo'
 import Skeleton from '@components/Skeleton'
 
 // Utils
-import { getBalance } from '@utils/api'
+import { getBalance } from '@utils/currencies'
 import { toUpper, numberFriendly, short, formatEstimated } from '@utils/format'
 import { updateBalance, THardware } from '@utils/wallet'
 
@@ -58,6 +58,7 @@ const Wallet: React.FC<Props> = (props) => {
 
   const fetchBalance = async (): Promise<void> => {
     const { balance, balance_usd, balance_btc, pending } = await getBalance(
+      symbol,
       address,
       currency?.chain || chain,
       chain ? symbol : undefined,
diff --git a/src/externalPages/RestoreBackup/RestoreBackup.tsx b/src/externalPages/RestoreBackup/RestoreBackup.tsx
index 1a6c50ed..52d5e24d 100644
--- a/src/externalPages/RestoreBackup/RestoreBackup.tsx
+++ b/src/externalPages/RestoreBackup/RestoreBackup.tsx
@@ -21,7 +21,7 @@ import SuccessDrawer from '@drawers/Success'
 import { logEvent } from '@utils/amplitude'
 import { validatePassword } from '@utils/validate'
 import { decrypt } from '@utils/crypto'
-import { validate as validateBackup } from '@utils/backup'
+import { setTempData, validate as validateBackup } from '@utils/backup'
 import { setBadgeBackgroundColor, setBadgeText } from '@utils/extension'
 import { getItem, setItem, removeItem } from '@utils/storage'
 
@@ -47,7 +47,7 @@ const initialState: IState = {
   activeDrawer: null,
   password: '',
   passwordErrorLabel: null,
-  isPageActive: false,
+  isPageActive: false
 }
 
 const RestoreBackup: React.FC = () => {
@@ -77,7 +77,7 @@ const RestoreBackup: React.FC = () => {
 
   const onConfirm = (): void => {
     logEvent({
-      name: START_RESTORE_CONFIRM,
+      name: START_RESTORE_CONFIRM
     })
 
     updateState({ activeDrawer: 'confirm' })
@@ -85,7 +85,7 @@ const RestoreBackup: React.FC = () => {
 
   const onConfirmRestore = (): void => {
     logEvent({
-      name: START_RESTORE_PASSWORD,
+      name: START_RESTORE_PASSWORD
     })
 
     if (state.passwordErrorLabel) {
@@ -108,6 +108,7 @@ const RestoreBackup: React.FC = () => {
           setItem('backup', state.backupData)
           setItem('wallets', getWalletsList)
           removeItem('manualRestoreBackup')
+          setTempData(state.password)
 
           setBadgeBackgroundColor('#EB5757')
           setBadgeText('1')
@@ -137,7 +138,7 @@ const RestoreBackup: React.FC = () => {
   }
 
   return (
-    <ExternalPageContainer onClose={onClose} headerStyle="white">
+    <ExternalPageContainer onClose={onClose} headerStyle='white'>
       <>
         <Styles.Body>
           <Styles.Title>Restore</Styles.Title>
@@ -151,9 +152,9 @@ const RestoreBackup: React.FC = () => {
           <AgreeTerms isAgreed={state.isAgreed} setIsAgreed={toggleAgreed} mt={20} />
 
           <Styles.Actions>
-            <Button label="Cancel" onClick={onClose} isLight mr={7.5} />
+            <Button label='Cancel' onClick={onClose} isLight mr={7.5} />
             <Button
-              label="Confirm"
+              label='Confirm'
               onClick={onConfirm}
               disabled={!state.backupData.length || !state.isAgreed}
               ml={7.5}
@@ -163,7 +164,7 @@ const RestoreBackup: React.FC = () => {
           <Styles.DividerLine />
 
           <Styles.QuestionBlock>
-            <SVG src="../../assets/icons/ask.svg" width={15} height={15} title="ask" />
+            <SVG src='../../assets/icons/ask.svg' width={15} height={15} title='ask' />
             <Styles.Question>Why I see this page?</Styles.Question>
           </Styles.QuestionBlock>
 
@@ -176,28 +177,28 @@ const RestoreBackup: React.FC = () => {
         <ConfirmDrawer
           isActive={state.activeDrawer === 'confirm'}
           onClose={onCloseDrawer}
-          title="Enter the password to restore your wallet"
+          title='Enter the password to restore your wallet'
           textInputValue={state.password}
           onChangeText={setPassword}
           onConfirm={onConfirmRestore}
-          textInputType="password"
-          inputLabel="Enter password"
+          textInputType='password'
+          inputLabel='Enter password'
           isButtonDisabled={!validatePassword(state.password)}
           inputErrorLabel={state.passwordErrorLabel}
-          openFrom="browser"
+          openFrom='browser'
         />
         <FailDrawer
           isActive={state.activeDrawer === 'fail'}
           onClose={onCloseDrawer}
-          text="The backup file is broken. We cannot restore your wallet. Check your backup file and try again."
-          openFrom="browser"
+          text='The backup file is broken. We cannot restore your wallet. Check your backup file and try again.'
+          openFrom='browser'
         />
         <SuccessDrawer
           isActive={state.activeDrawer === 'success'}
           onClose={() => null}
           icon={puzzleIcon}
-          text="We successfully restored your wallet. Go to the extension by clicking on the SimpleHold icon in the extensions menu and enjoy your crypto!"
-          openFrom="browser"
+          text='We successfully restored your wallet. Go to the extension by clicking on the SimpleHold icon in the extensions menu and enjoy your crypto!'
+          openFrom='browser'
           disableClose
         />
       </>
diff --git a/src/externalPages/Send/Send.tsx b/src/externalPages/Send/Send.tsx
index ad2db00a..05f3b1a9 100644
--- a/src/externalPages/Send/Send.tsx
+++ b/src/externalPages/Send/Send.tsx
@@ -21,7 +21,8 @@ import NetworkFeeShared from '@shared/NetworkFee'
 
 // Utils
 import { getWallets, IWallet, getWalletName } from '@utils/wallet'
-import { getBalance, getUnspentOutputs } from '@utils/api'
+import { getUnspentOutputs } from '@utils/api'
+import { getBalance } from '@utils/currencies'
 import { getCurrentTab, updateTab, getUrl } from '@utils/extension'
 import { toLower, toUpper, plus } from '@utils/format'
 import {
@@ -436,6 +437,7 @@ const Send: React.FC = () => {
 
       if (getCurrencyInfo) {
         const { balance, balance_usd } = await getBalance(
+          symbol,
           address,
           getCurrencyInfo?.chain,
           chain ? symbol : undefined,
diff --git a/src/pages/ImportPrivateKey/ImportPrivateKey.tsx b/src/pages/ImportPrivateKey/ImportPrivateKey.tsx
index 7d98a62e..bbb23130 100644
--- a/src/pages/ImportPrivateKey/ImportPrivateKey.tsx
+++ b/src/pages/ImportPrivateKey/ImportPrivateKey.tsx
@@ -14,7 +14,7 @@ import SuccessDrawer from '@drawers/Success'
 
 // Utils
 import { validatePassword } from '@utils/validate'
-import { checkExistWallet, addNew as addNewWallet, IWallet, getWallets } from '@utils/wallet'
+import { checkExistWallet, addNew as addNewWallet, IWallet, getWallets, activateAddress } from '@utils/wallet'
 import { decrypt } from '@utils/crypto'
 import { setUserProperties } from '@utils/amplitude'
 import { toLower, toUpper } from '@utils/format'
@@ -37,6 +37,7 @@ import { ITokensBalance } from '@utils/api/types'
 
 // Styles
 import Styles from './styles'
+import { getActivationStatus } from 'utils/currencies/nano'
 
 const initialState: IState = {
   privateKey: '',
@@ -91,6 +92,7 @@ const ImportPrivateKey: React.FC = () => {
       if (chain && !isSkipFindTokens) {
         return await findAddressTokens(getAddress, state.privateKey)
       }
+
       return updateState({ activeDrawer: 'confirm' })
     }
 
@@ -177,7 +179,7 @@ const ImportPrivateKey: React.FC = () => {
             chain,
             tokenName,
             contractAddress,
-            decimals
+            decimals,
           )
 
           if (walletsList) {
diff --git a/src/pages/NewWallet/NewWallet.tsx b/src/pages/NewWallet/NewWallet.tsx
index 7bab9abd..63bf8bda 100644
--- a/src/pages/NewWallet/NewWallet.tsx
+++ b/src/pages/NewWallet/NewWallet.tsx
@@ -18,8 +18,8 @@ import { decrypt } from '@utils/crypto'
 import { addNew as addNewWallet, IWallet } from '@utils/wallet'
 import { toUpper } from '@utils/format'
 import { generate, checkWithPhrase } from '@utils/currencies'
-import * as theta from '@utils/currencies/theta'
 import { getItem, setItem } from '@utils/storage'
+import * as theta from '@utils/currencies/theta'
 import * as vechain from '@utils/currencies/vechain'
 
 // Config
@@ -34,6 +34,7 @@ import { ILocationState, IState } from './types'
 
 // Styles
 import Styles from './styles'
+import { setTempData } from 'utils/backup'
 
 const initialState: IState = {
   activeDrawer: null,
@@ -138,8 +139,11 @@ const NewWallet: React.FC = () => {
                 name: ADD_ADDRESS_CONFIRM,
               })
 
-              if (symbol !== "hbar") {
+              if (['xno', 'hbar'].indexOf(symbol) !== -1) {
                 setItem('backupStatus', 'notDownloaded')
+                if (symbol ==='xno') {
+                  setTempData(state.password)
+                }
               }
 
               updateState({ activeDrawer: 'success' })
@@ -154,7 +158,7 @@ const NewWallet: React.FC = () => {
   }
 
   const onDownloadBackup = (): void => {
-    if (symbol === "hbar") {
+    if (['xno', 'hbar'].indexOf(symbol) !== -1) {
       return history.push('/wallets')
     }
     return history.replace('/download-backup', {
diff --git a/src/pages/Send/Send.tsx b/src/pages/Send/Send.tsx
index 6481599f..9fee5b17 100644
--- a/src/pages/Send/Send.tsx
+++ b/src/pages/Send/Send.tsx
@@ -19,7 +19,8 @@ import AboutFeeDrawer from '@drawers/AboutFee'
 // Utils
 import { toLower, toUpper, plus } from '@utils/format'
 import { validateMany } from '@utils/validate'
-import { getBalance, getUnspentOutputs } from '@utils/api'
+import { getBalance } from '@utils/currencies'
+import { getUnspentOutputs } from '@utils/api'
 import { updateBalance, getWallets } from '@utils/wallet'
 import {
   getExtraIdName,
@@ -338,6 +339,7 @@ const SendPage: React.FC = () => {
     })
 
     const { balance, balance_usd, balance_btc } = await getBalance(
+      symbol,
       state.selectedAddress,
       currency?.chain || tokenChain,
       tokenChain ? symbol : undefined,
diff --git a/src/pages/SendConfirmation/SendConfirmation.tsx b/src/pages/SendConfirmation/SendConfirmation.tsx
index 4609ed02..46bdd594 100644
--- a/src/pages/SendConfirmation/SendConfirmation.tsx
+++ b/src/pages/SendConfirmation/SendConfirmation.tsx
@@ -119,7 +119,6 @@ const SendConfirmation: React.FC = () => {
             : {}
 
           const xrpTxData = symbol === 'xrp' ? await getXrpTxParams(addressFrom) : {}
-
           const transactionData = {
             from: addressFrom,
             to: addressTo,
@@ -159,14 +158,18 @@ const SendConfirmation: React.FC = () => {
               isButtonLoading: false,
             })
           }
-
           const transaction = await createTransaction({
             ...transactionData,
             ...ethTxData,
             xrpTxData,
             extraId,
           })
+
           if (transaction) {
+            if (symbol === 'xno') {
+              return checkTransaction(transaction)
+            }
+
             const sendTransaction = await sendRawTransaction(transaction, chain || tokenChain)
             if (sendTransaction) {
               return checkTransaction(sendTransaction)
diff --git a/src/pages/Wallet/Wallet.tsx b/src/pages/Wallet/Wallet.tsx
index 541ab688..05dc1089 100644
--- a/src/pages/Wallet/Wallet.tsx
+++ b/src/pages/Wallet/Wallet.tsx
@@ -19,7 +19,7 @@ import SuccessDrawer from '@drawers/Success'
 
 // Utils
 import {
-  getBalance,
+  requestBalance,
   getTxsInfo,
   getWarning,
   activateAccount,
@@ -33,6 +33,7 @@ import {
   getWallets,
   activateAddress, getWalletChain
 } from '@utils/wallet'
+import { activateWallet, getBalance } from '@utils/currencies'
 import { openWebPage } from '@utils/extension'
 import { getExplorerLink, getTransactionLink, checkWithPhrase } from '@utils/currencies'
 import { validatePassword } from '@utils/validate'
@@ -48,7 +49,7 @@ import {
 import { logEvent } from '@utils/amplitude'
 import { getTxHistory as getTonCoinTxHistory } from '@utils/currencies/toncoin'
 import { checkIfTimePassed, toMs } from '@utils/dates'
-import { updateTxsHistory } from '@utils/history'
+import { removeTempTxs, updateTxsHistory } from '@utils/history'
 
 // Config
 import { getCurrency } from '@config/currencies'
@@ -64,6 +65,8 @@ import { IWallet } from '@utils/wallet'
 
 // Styles
 import Styles from './styles'
+import * as nano from 'utils/currencies/nano'
+import { receiveAllPendingTxs } from '@utils/currencies/nano'
 
 const initialState: IState = {
   balance: null,
@@ -119,6 +122,7 @@ const WalletPage: React.FC = () => {
   })
 
   React.useEffect(() => {
+    receivePendingTxs()
     loadBalance()
     getTxHistory()
     getName()
@@ -201,6 +205,13 @@ const WalletPage: React.FC = () => {
     }
   }
 
+  const receivePendingTxs = async (): Promise<void> => {
+    if (!state.address) return;
+    if (symbol?.toLowerCase() === 'xno') {
+      receiveAllPendingTxs(state.address)
+    }
+  }
+
   const loadBalance = async (): Promise<void> => {
     if (state.isNotActivated) {
       updateState({ balance: 0, estimated: 0 })
@@ -208,6 +219,7 @@ const WalletPage: React.FC = () => {
     }
 
     const { balance, balance_usd, balance_btc, pending } = await getBalance(
+      symbol,
       state.address,
       currency?.chain || chain,
       tokenSymbol,
@@ -256,6 +268,16 @@ const WalletPage: React.FC = () => {
     const currencyChain = getCurrencyChain()
 
     if (currencyChain) {
+      const walletData = {
+        chain: getWalletChain(symbol, chain),
+        address: state.address,
+        symbol,
+        tokenSymbol,
+        contractAddress
+      }
+
+      removeTempTxs(walletData)
+
       const data = await getTransactionHistory(
         currencyChain,
         state.address,
@@ -267,14 +289,8 @@ const WalletPage: React.FC = () => {
         const compare = compareTxs(state.address, currencyChain, data, tokenSymbol, contractAddress)
         if (compare.length) {
           const getFullTxHistoryInfo = await getTxsInfo(currencyChain, state.address, compare)
+
           saveTxs(state.address, currencyChain, getFullTxHistoryInfo, tokenSymbol, contractAddress)
-          const walletData = {
-            chain: getWalletChain(symbol, chain),
-            address: state.address,
-            symbol,
-            tokenSymbol,
-            contractAddress
-          }
           updateTxsHistory({ updateSingleWallet: walletData })
         }
       }
@@ -387,8 +403,8 @@ const WalletPage: React.FC = () => {
             }
 
             if (getPubKey) {
-              const getAddress = await activateAccount('hedera', getPubKey)
-
+              const parsedChain = symbol === 'hbar' ? 'hedera' : 'xno'
+              const getAddress = await activateWallet(parsedChain, getPubKey, privateKey)
               if (getAddress) {
                 activateAddress(uuid, getAddress, decryptBackup, state.password)
 
@@ -525,6 +541,7 @@ const WalletPage: React.FC = () => {
               hardware={hardware}
               isHidden={state.isHiddenWallet}
             />
+
             <WalletCard
               openPage={openPage}
               symbol={symbol}
diff --git a/src/utils/api/index.ts b/src/utils/api/index.ts
index 0a87f98a..d417573d 100644
--- a/src/utils/api/index.ts
+++ b/src/utils/api/index.ts
@@ -27,7 +27,7 @@ import {
 } from './types'
 import { IToken } from '@config/tokens'
 
-export const getBalance = async (
+export const requestBalance = async (
   address: string,
   chain?: string,
   tokenSymbol?: string,
@@ -473,7 +473,8 @@ export const getFullTxHistoryInfo = async ( wallets: TFullTxWallet[], options: T
       }
     )
     return data?.data || []
-  } catch {
+  } catch (err) {
+    console.log(err)
     return []
   }
 }
@@ -504,7 +505,7 @@ export const getHistoryTxInfo = async (
   }
 }
 
-export const activateAccount = async (chain: string, publicKey: string): Promise<string | null> => {
+export const activateAccount = async <T>(chain: string, publicKey: string): Promise<T | null> => {
   try {
     const { data }: AxiosResponse = await axios.post(
       `${config.serverUrl}/wallet/activate`,
@@ -617,3 +618,39 @@ export const getTokens = async (): Promise<IToken[] | null> => {
     return null
   }
 }
+
+export const sendNanoRpcRequest = async <T>(input: any): Promise<T | null> => {
+  try {
+    const { data }: AxiosResponse = await axios.post(
+      `${config.serverUrl}/wallet/nano/rpc`,
+      input,
+      {
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      }
+    )
+    return data.data
+  } catch {
+    return null
+  }
+}
+
+
+export const getNanoPow = async (hash: string, type: string): Promise<string | null> => {
+  try {
+    const input = { hash, type }
+    const { data } = await axios.post(
+      `${config.serverUrl}/transaction/nano/pow`,
+      input,
+      {
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      }
+    )
+    return data.data
+  } catch {
+    return null
+  }
+}
\ No newline at end of file
diff --git a/src/utils/backup.ts b/src/utils/backup.ts
index 85360509..3a0cdca7 100644
--- a/src/utils/backup.ts
+++ b/src/utils/backup.ts
@@ -1,8 +1,11 @@
 import { v4 } from 'uuid'
 
 // Utils
-import { IWallet } from '@utils/wallet'
 import { validateWallet } from '@utils/validate'
+import { setXnoTempData } from '@utils/currencies/nano'
+
+// Types
+import { IWallet } from '@utils/wallet'
 
 const pjson = require('../../package.json')
 
@@ -45,7 +48,6 @@ export const generate = (currencies: TGenerateCurrency[]): { [key: string]: stri
     wallets.push(data)
     backup.wallets.push({ ...data, ...{ privateKey, mnemonic } })
   }
-
   return {
     backup: JSON.stringify(backup),
     wallets: JSON.stringify(wallets),
@@ -78,3 +80,7 @@ export const validate = (backup: string): string | null => {
   }
   return null
 }
+
+export const setTempData = (k: string): void => {
+  setXnoTempData(k)
+}
\ No newline at end of file
diff --git a/src/utils/currencies/hedera/index.ts b/src/utils/currencies/hedera/index.ts
index 8a7a9f56..88b2aeb5 100644
--- a/src/utils/currencies/hedera/index.ts
+++ b/src/utils/currencies/hedera/index.ts
@@ -2,7 +2,7 @@ import { PrivateKey, Hbar, HbarUnit, Client, TransferTransaction } from '@hashgr
 import { Buffer } from 'buffer'
 
 // Utils
-import { getHederaAccountId } from '@utils/api'
+import { activateAccount, getHederaAccountId } from '@utils/api'
 
 // Types
 import { TInternalTxProps } from '../types'
@@ -71,6 +71,12 @@ export const createInternalTx = async ({
   }
 }
 
+export const activateWallet = async (chain: string, publicKey: string) => {
+  const res = await activateAccount<string>(chain, publicKey)
+  return res
+}
+
+
 export const validateAddress = (address: string): boolean => {
   try {
     return new RegExp('^(0.0.)[0-9]{5,40}$').test(address)
diff --git a/src/utils/currencies/index.ts b/src/utils/currencies/index.ts
index 85198037..3f149b57 100644
--- a/src/utils/currencies/index.ts
+++ b/src/utils/currencies/index.ts
@@ -8,11 +8,14 @@ import {
   getEtherNetworkFee,
   getThetaNetworkFee,
   getNetworkFee as getNetworkFeeRequest,
-  getCustomFee,
+  getCustomFee, requestBalance
 } from '@utils/api'
-import { TCustomFee } from '@utils/api/types'
 import { toLower } from '@utils/format'
 
+// Types
+import { TProvider, TCreateTransactionProps, IGetFeeParams, TGetFeeData } from './types'
+import { IGetBalance, TCustomFee } from '@utils/api/types'
+
 // Currencies
 import * as ethereumLike from '@utils/currencies/ethereumLike'
 import * as bitcoinLike from '@utils/currencies/bitcoinLike'
@@ -33,14 +36,28 @@ import * as vechain from '@utils/currencies/vechain'
 import * as toncoin from '@utils/currencies/toncoin'
 import * as digibyte from '@utils/currencies/digibyte'
 import * as ravencoin from '@utils/currencies/ravencoin'
-
-// Types
-import { TProvider, TCreateTransactionProps, IGetFeeParams, TGetFeeData } from './types'
+import * as nano from '@utils/currencies/nano'
 
 export const isEthereumLike = (symbol: string, chain?: string): boolean => {
   return ethereumLike.coins.indexOf(symbol) !== -1 || typeof chain !== 'undefined'
 }
 
+export const getBalance = async (
+  symbol: string,
+  address: string,
+  chain?: string,
+  tokenSymbol?: string,
+  contractAddress?: string,
+  isFullBalance?: boolean
+): Promise<IGetBalance> => {
+
+  if (['xno'].indexOf(symbol) !== -1) {
+    nano.updateWalletActivationStatus(address)
+  }
+
+  return await requestBalance(address, chain, tokenSymbol, contractAddress, isFullBalance)
+}
+
 const getProvider = (symbol: string): TProvider | null => {
   try {
     if (digibyte.coins.indexOf(symbol) !== -1) {
@@ -111,12 +128,28 @@ const getProvider = (symbol: string): TProvider | null => {
       return ravencoin
     }
 
+    if (nano.coins.indexOf(symbol) !== -1) {
+      return nano
+    }
+
+
     return null
   } catch {
     return null
   }
 }
 
+
+export const activateWallet = async (chain: string, publicKey: string, privateKey?: string): Promise<any | null> => {
+  if (chain === 'xno') {
+    if (!privateKey) return null;
+    return await nano.activateWallet(chain, publicKey, privateKey)
+  }
+  if (chain === 'hedera') {
+    return await hedera.activateWallet(chain, publicKey)
+  }
+}
+
 export const generate = async (
   symbol: string,
   chain?: string
@@ -207,6 +240,10 @@ export const createTransaction = async ({
       return await cardano.createTransaction(outputs, from, to, amount, privateKey)
     }
 
+    if (nano.coins.indexOf(symbol) !== -1) {
+      return await nano.createTransaction(from, to, amount, privateKey)
+    }
+
     if (isEthereumLike(symbol, tokenChain)) {
       const getContractAddress = contractAddress
         ? contractAddress
@@ -525,6 +562,9 @@ export const checkWithZeroFee = (symbol: string): boolean => {
   if (nerve.coins.indexOf(symbol) !== -1) {
     return true
   }
+  if (nano.coins.indexOf(symbol) !== -1) {
+    return true
+  }
 
   return false
 }
diff --git a/src/utils/currencies/nano/index.ts b/src/utils/currencies/nano/index.ts
new file mode 100644
index 00000000..52c550a0
--- /dev/null
+++ b/src/utils/currencies/nano/index.ts
@@ -0,0 +1,341 @@
+import * as nano from 'nanocurrency'
+
+// Utils
+import { activateAccount, getNanoPow, sendNanoRpcRequest } from '@utils/api'
+import { getItem, setItem } from '@utils/storage'
+import { decrypt, encrypt } from '@utils/crypto'
+import { getWallets } from '@utils/wallet'
+import { toLower } from '@utils/format'
+
+// Types
+import { BlockRepresentation, ConvertParams } from 'nanocurrency'
+import { IWallet } from '@utils/wallet'
+import {
+  TAccountInfo,
+  TActivateData,
+  TBlockInfo, TProcessBlock,
+  TReceivableResponse,
+  TReceiveBlock
+} from '@utils/currencies/nano/types'
+
+
+export const coins: string[] = ['xno']
+
+export const generateWallet = async (): Promise<TGenerateAddress | null> => {
+  try {
+    const seed = await nano.generateSeed()
+    const privateKey = nano.deriveSecretKey(seed, 0)
+    const publicKey = nano.derivePublicKey(privateKey)
+    const address = nano.deriveAddress(publicKey).replace('xrb_', 'nano_')
+    if (address) {
+      return {
+        address,
+        privateKey,
+        isNotActivated: true
+      }
+    }
+    return null
+  } catch {
+    return null
+  }
+}
+
+
+export const formatValue = (value: string | number, type: 'from' | 'to'): string => {
+  return nano.convert(`${value}`, <ConvertParams>{
+    from: type === 'from' ? 'raw' : 'Nano',
+    to: type === 'from' ? 'Nano' : 'raw'
+  })
+}
+
+export const importPrivateKey = (privateKey: string): string | null => {
+  try {
+    const publicKey = nano.derivePublicKey(privateKey)
+    const address = nano.deriveAddress(publicKey)
+
+    if (address) {
+      return address
+    }
+
+    return null
+  } catch {
+    return null
+  }
+}
+
+export const validateAddress = (address: string): boolean => nano.checkAddress(address)
+
+export const getExplorerLink = (address: string): string => {
+  return `https://nanocrawler.cc/explorer/account/${address}`
+}
+
+export const getTransactionLink = (hash: string): string => {
+  return `https://nanocrawler.cc/explorer/block/${hash}`
+}
+
+export const getPubKeyFromPriv = (privateKey: string): string | null => {
+  try {
+    const publicKey = nano.derivePublicKey(privateKey)
+
+    if (publicKey) {
+      return publicKey
+    }
+
+    return null
+  } catch {
+    return null
+  }
+}
+
+export const receiveAllPendingTxs = async (address: string): Promise<boolean> => {
+  try {
+    const privKey = await getXnoTempData(address)
+    if (!privKey) return false
+    let isReceived = false
+    const pubKey = nano.derivePublicKey(privKey)
+    const response = await getReceivableBlocks(address)
+
+    if (!response) return false
+
+    const blocks_receivable = response.blocks
+
+    for (const link of blocks_receivable) {
+      let response = await receiveBlock({ address, pubKey, privKey, blockHash: link })
+      if (response && response.hash !== undefined) {
+        isReceived = true
+      }
+    }
+    return isReceived
+  } catch (err) {
+    console.error(err)
+    return false
+  }
+
+}
+
+export const getStandingFee = (): number => {
+  return 0
+}
+
+const processBlock = async (block: BlockRepresentation, subtype: string): Promise<TProcessBlock | null> => {
+  const input = {
+    action: 'process',
+    json_block: true,
+    subtype: subtype,
+    block: block
+  }
+  return await sendNanoRpcRequest<TProcessBlock>(input)
+}
+
+
+const getBlockInfo = async (hash: string): Promise<TBlockInfo | null> => {
+  const input = {
+    action: 'block_info',
+    json_block: true,
+    hash: hash
+  }
+  return await sendNanoRpcRequest<TBlockInfo>(input)
+}
+
+const getAccountInfo = async (address: string, representative = true): Promise<TAccountInfo | null> => {
+  const input = {
+    action: 'account_info',
+    representative: representative,
+    account: address
+  }
+  return await sendNanoRpcRequest<TAccountInfo>(input)
+}
+
+const getReceivableBlocks = async (address: string, count = undefined, threshold = undefined): Promise<TReceivableResponse | null> => {
+  const input = {
+    action: 'receivable',
+    account: address,
+    count: count,
+    threshold: threshold
+  }
+  return await sendNanoRpcRequest<TReceivableResponse>(input)
+}
+
+export const activateWallet = async (chain: string, pubKey: string, privKey: string): Promise<string | null> => {
+  try {
+    const pubKeyFromPriv = nano.derivePublicKey(privKey)
+
+    const data = await activateAccount<TActivateData>(chain, pubKeyFromPriv)
+
+    if (data) {
+      const { hash, representative } = data
+      const address = nano.deriveAddress(pubKeyFromPriv).replace('xrb_', 'nano_')
+      const result = await receiveBlock({
+        address,
+        pubKey: pubKeyFromPriv,
+        privKey,
+        blockHash: hash,
+        walletActivation: { representative }
+      })
+      if (result) {
+        return address
+      }
+    }
+    return null
+  } catch {
+    return null
+  }
+}
+
+export const getActivationStatus = async (address: string): Promise<boolean> => {
+  try {
+    const account = await getAccountInfo(address)
+    if (account) {
+      return account.balance !== undefined
+    }
+    return false
+  } catch {
+    return false
+  }
+}
+
+export const updateWalletActivationStatus = async (address: string): Promise<boolean> => {
+  try {
+    const wallets = getWallets()
+    if (wallets?.length) {
+      const findWallet = wallets.find(
+        (wallet: IWallet) => wallet.address === address
+      )
+      if (!findWallet || !findWallet.isNotActivated) return false
+      const isActivated = await getActivationStatus(address)
+      if (isActivated) {
+        findWallet.isNotActivated = false
+        setItem('wallets', JSON.stringify(wallets))
+        return true
+      }
+    }
+    return false
+  } catch {
+    return false
+  }
+}
+
+const receiveBlock = async ({ address, pubKey, privKey, blockHash, walletActivation }: TReceiveBlock) => {
+  const link = blockHash
+  const blockInfo = await getBlockInfo(link)
+  const account = await getAccountInfo(address)
+  if (!account || !blockInfo) return
+  let subtype = 'receive'
+  let representative = account.representative
+  let previous = account.frontier
+  let old_balance = account.balance
+  let work_input = account.frontier
+
+  if (walletActivation) {
+    old_balance = '0'
+    previous = '0'.padStart(64, '0')
+    representative = walletActivation.representative
+    work_input = pubKey
+  }
+
+  const work = await getNanoPow(work_input, subtype)
+  const new_balance = stringAdd(old_balance, blockInfo.amount)
+  const block = nano.createBlock(privKey, {
+    work,
+    previous,
+    representative,
+    balance: new_balance,
+    link
+  })
+  return await processBlock(block.block, subtype)
+}
+
+export const stringSub = (n1: string, n2: string, pad = 0) => {
+  return (BigInt(n1) - BigInt(n2)).toString().padStart(pad, '0')
+}
+
+export const stringAdd = (n1: string, n2: string, pad = 0) => {
+  return (BigInt(n1) + BigInt(n2)).toString().padStart(pad, '0')
+}
+
+export const createTransaction = async (
+  fromAddress: string,
+  toAddress: string,
+  amount: string,
+  privateKey: string
+): Promise<string | null> => {
+  try {
+    const account = await getAccountInfo(fromAddress)
+    if (!account) return null
+    const subtype = 'send'
+    const link = toAddress
+    const representative = account.representative
+    const previous = account.frontier
+    const old_balance = account.balance
+    const workInput = account.frontier
+    const work = await getNanoPow(workInput, subtype)
+    const new_balance = stringSub(old_balance, amount)
+    const block = nano.createBlock(privateKey, {
+      work,
+      previous,
+      representative,
+      balance: new_balance,
+      link
+    })
+
+    const response = await processBlock(block.block, subtype)
+    if (response) {
+      const { hash } = response
+      return hash
+    }
+    return null
+  } catch (err) {
+    console.error(err)
+    return null
+  }
+}
+
+export const setXnoTempData = (key: string) => {
+  const backup = getItem('backup')
+  if (backup?.length) {
+    const decryptBackup = decrypt(backup, key)
+    if (!decryptBackup) return
+    const parseBackup = JSON.parse(decryptBackup)
+    const xnoWallets: IWallet[] = parseBackup?.wallets?.filter(
+      (wallet: IWallet) => toLower(wallet.symbol) === 'xno'
+    )
+    if (xnoWallets?.length) {
+      const arr = []
+      const tempData = getItem('tempData')
+      const parsedData = tempData ? JSON.parse(tempData) : []
+      for (const wallet of xnoWallets) {
+        const { privateKey: k, address } = wallet
+        if (!k) return
+        const a = address
+          .toLowerCase()
+          .replace('xrb_', 'nano_')
+        const data = encrypt(k, a)
+        arr.push(data)
+      }
+      const newData = JSON.stringify([...parsedData, ...arr])
+      setItem('tempData', newData)
+    }
+  }
+}
+
+export const getXnoTempData = async (address: string): Promise<string | null> => {
+  const tempData = getItem('tempData')
+  if (!tempData) return null
+  const parsedData = JSON.parse(tempData)
+  for (const item of parsedData) {
+    const res = await getTempItem(address, item)
+    if (res) return res
+  }
+  return null
+}
+
+const getTempItem = async (key: string, item: string): Promise<string | null> => {
+  try {
+    const a = key
+      .toLowerCase()
+      .replace('xrb_', 'nano_')
+    return decrypt(item, a)
+  } catch {
+    return null
+  }
+}
\ No newline at end of file
diff --git a/src/utils/currencies/nano/types.ts b/src/utils/currencies/nano/types.ts
new file mode 100644
index 00000000..81b26169
--- /dev/null
+++ b/src/utils/currencies/nano/types.ts
@@ -0,0 +1,58 @@
+export type TBlockInfo = {
+  block_account: string
+  amount: string
+  balance: string
+  height: string
+  local_timestamp: string
+  confirmed: string
+  contents: {
+    type: string
+    account: string
+    previous: string
+    representative: string
+    balance: string
+    link: string
+    link_as_account: string
+    signature: string
+    work: string
+  }
+  subtype: string
+  successor?: string
+}
+
+export type TAccountInfo = {
+  account_version: string
+  balance: string
+  block_count: string
+  confirmation_height: string
+  confirmation_height_frontier: string
+  frontier: string
+  modified_timestamp: string
+  open_block: string
+  representative: string
+  representative_block: string
+}
+
+
+export type TReceiveBlock = {
+  address: string
+  pubKey: string
+  privKey: string
+  blockHash: string
+  walletActivation?: {
+    representative: string
+  }
+}
+
+export type TActivateData = {
+  hash: string
+  representative: string
+}
+
+export type TReceivableResponse = {
+  blocks: string[]
+}
+
+export type TProcessBlock = {
+  hash: string
+}
\ No newline at end of file
diff --git a/src/utils/currencies/types.ts b/src/utils/currencies/types.ts
index 0e65dc34..43e3a876 100644
--- a/src/utils/currencies/types.ts
+++ b/src/utils/currencies/types.ts
@@ -10,7 +10,7 @@ export type TProvider = {
   importRecoveryPhrase?: (recoveryPhrase: string) => Promise<TGenerateAddress | null>
   generateExtraId?: () => string
   getStandingFee?: () => number | null
-  formatValue: (value: string | number, type: 'from' | 'to') => number
+  formatValue: (value: string | number, type: 'from' | 'to') => number | string
   isInternalTx?: boolean
   createInternalTx?: (props: TInternalTxProps) => Promise<string | null>
   isWithOutputs?: boolean
diff --git a/src/utils/currencies/vechain/index.ts b/src/utils/currencies/vechain/index.ts
index e3d70b97..e6b260a7 100644
--- a/src/utils/currencies/vechain/index.ts
+++ b/src/utils/currencies/vechain/index.ts
@@ -5,7 +5,7 @@ import Web3 from 'web3'
 import { thorify } from 'thorify'
 
 // Utils
-import { getBalance, getVechainParams, getVechainFee } from '@utils/api'
+import { requestBalance, getVechainParams, getVechainFee } from '@utils/api'
 import { toLower, toUnit } from '@utils/format'
 
 // Config
@@ -68,7 +68,7 @@ export const getNetworkFee = async (
   chain: string
 ): Promise<TGetFeeData> => {
   try {
-    const { balance: currencyBalance } = await getBalance(from, 'vethor')
+    const { balance: currencyBalance } = await requestBalance(from, 'vethor')
 
     if (chain === 'vechain') {
       const fee = Devkit.Transaction.intrinsicGas([
diff --git a/src/utils/format.ts b/src/utils/format.ts
index 4fd86afa..35cba9f2 100644
--- a/src/utils/format.ts
+++ b/src/utils/format.ts
@@ -31,7 +31,7 @@ export const numberFriendly = (amount: number | null): number | string => {
   const abbrev = 'KMB'
 
   const round = (n: number, precision: number) => {
-    var prec = Math.pow(10, precision)
+    const prec = Math.pow(10, precision)
     return Math.round(n * prec) / prec
   }
 
diff --git a/src/utils/history.ts b/src/utils/history.ts
index 0c59f656..172630b5 100644
--- a/src/utils/history.ts
+++ b/src/utils/history.ts
@@ -1,13 +1,14 @@
 // Utils
-import { getWalletChain, getWallets } from '@utils/wallet'
+import { filterWallets, getWalletChain, getWallets } from '@utils/wallet'
 import { getFullTxHistory, getFullTxHistoryInfo } from '@utils/api'
-import { compareFullHistory, saveFullHistory } from '@utils/txs'
-import { setItem } from '@utils/storage'
+import { compareFullHistory, getWalletKey, saveFullHistory } from '@utils/txs'
+import { getItem, getJSON, setItem } from '@utils/storage'
 
 // Types
 import { IWallet } from '@utils/wallet'
-import { TFullTxWallet, TTxAddressItem, TTxWallet } from '@utils/api/types'
+import { TAddressTx, TFullTxInfo, TFullTxWallet, TTxAddressItem, TTxWallet } from '@utils/api/types'
 import { TGetFullTxHistoryOptions } from '@utils/api'
+import { toLower } from 'utils/format'
 
 export type THistoryUpdateOptions = {
   latest?: number
@@ -32,12 +33,11 @@ export const updateTxsHistory = async (
     fetchOptions
   }: THistoryUpdateOptions = {}): Promise<boolean> => {
   try {
-    if (checkIsLoadingFlag()) return false;
+    if (checkIsLoadingFlag()) return false
 
     setIsLoadingFlag(true)
 
     let payload: TTxWallet[]
-
     if (updateSingleWallet) {
       payload = [updateSingleWallet]
     } else {
@@ -58,6 +58,8 @@ export const updateTxsHistory = async (
       })
     }
 
+    // removeTempTxs(payload)
+
     const data = await getFullTxHistory(payload)
 
     if (!data.length) return false
@@ -77,7 +79,6 @@ export const updateTxsHistory = async (
           contractAddress
         }
       })
-
       const fullTxsInfo = await getFullTxHistoryInfo(mapData, fetchOptions)
       saveFullHistory(fullTxsInfo)
       if (!updateSingleWallet) {
@@ -96,3 +97,28 @@ export const updateTxsHistory = async (
 }
 
 export default updateTxsHistory
+
+
+export const removeTempTxs = (wallets: TTxWallet[] | TTxWallet) => {
+  const formatWallets = Array.isArray(wallets) ? wallets : [wallets]
+  for (const wallet of formatWallets) {
+    const { address, chain, contractAddress, symbol } = wallet
+    if (['xno'].indexOf(symbol) !== -1) {
+      // const getTokenSymbol = chain ? symbol : undefined
+      // const getChain = getWalletChain(symbol, chain)
+      const walletKey = getWalletKey(address, 'xno')
+      const walletTxs = getJSON(walletKey)
+      if (walletTxs?.length) {
+        const nonPendingTxs = walletTxs.filter((tx: TAddressTx) => !tx.isPending)
+        setItem(walletKey, JSON.stringify(nonPendingTxs))
+      }
+      const fullHistory = getJSON('full_history')
+      if (fullHistory?.length) {
+        const filteredTxs = fullHistory.filter((tx: TFullTxInfo) => {
+          return !(tx.symbol === symbol && tx.isPending);
+        })
+        setItem('full_history', JSON.stringify(filteredTxs))
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/utils/txs.ts b/src/utils/txs.ts
index 25c18161..8c1ae441 100644
--- a/src/utils/txs.ts
+++ b/src/utils/txs.ts
@@ -20,7 +20,8 @@ export type THistoryTxGroup = {
   data: TFullTxInfo[]
 }
 
-const getWalletKey = (
+
+export const getWalletKey = (
   address: string,
   chain: string,
   tokenSymbol?: string,
@@ -247,15 +248,22 @@ export const saveFullHistory = (txs: TFullTxInfo[]): void => {
         return hashMatch && amountMatch && addressMatch
       })
     })
-    let hasPendingUpdates = false
-    const getUpdatedPendingTxs = getHistory.map((tx: TFullTxInfo) => {
+    // let hasPendingUpdates = false
+    const formatHistory = getHistory.filter((tx: TFullTxInfo) => {
+      if (toLower(tx.symbol) === "xno") {
+        return !tx.isPending
+      }
+      return tx
+    })
+    const getUpdatedPendingTxs = formatHistory.map((tx: TFullTxInfo) => {
       const match = txs.find((newTx: TFullTxInfo) => {
         const hashMatch = toLower(newTx.hash) === toLower(tx.hash)
+        const addressMatch = toLower(newTx.address) === toLower(tx.address)
         const pendingStatusUpdated = tx.isPending !== newTx.isPending
-        if (pendingStatusUpdated) {
-          hasPendingUpdates = true
-        }
-        return hashMatch && pendingStatusUpdated
+        // if (pendingStatusUpdated) {
+        //   hasPendingUpdates = true
+        // }
+        return hashMatch && addressMatch && pendingStatusUpdated
       })
       return match ? { ...tx, isPending: false } : tx
     })
diff --git a/yarn.lock b/yarn.lock
index 09c6309b..9cb222fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10592,6 +10592,14 @@ nano-json-stream-parser@^0.1.2:
   resolved "https://registry.yarnpkg.com/nano-json-stream-parser/-/nano-json-stream-parser-0.1.2.tgz#0cc8f6d0e2b622b479c40d499c46d64b755c6f5f"
   integrity sha1-DMj20OK2IrR5xA1JnEbWS3Vcb18=
 
+nanocurrency@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/nanocurrency/-/nanocurrency-2.5.0.tgz#968659daadfa23150afc44a296fa3b211ffe9380"
+  integrity sha512-zMDlgBCML0vMGvldsZN1Np93vwiMjaBLCkOM2tXv0LNIpty8HghDMZiNRzfBPkP70oRhRU+hOpVCEpTzZK5gDQ==
+  dependencies:
+    bignumber.js "^9.0.0"
+    blakejs "^1.1.0"
+
 nanoid@3.1.20:
   version "3.1.20"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.20.tgz#badc263c6b1dcf14b71efaa85f6ab4c1d6cfc788"

From 69fcffd8cf1d7a177004a7163efa30292b7c4ab0 Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Mon, 11 Apr 2022 15:09:57 +0300
Subject: [PATCH 2/7] Receive assets button for xno wallets

---
 src/components/WalletCard/WalletCard.tsx      |  4 -
 .../RestoreBackup/RestoreBackup.tsx           |  3 +-
 src/pages/NewWallet/NewWallet.tsx             |  4 -
 src/pages/Wallet/Wallet.tsx                   | 84 ++++++++++++++++---
 .../components/WalletCard/WalletCard.tsx      | 51 +++++++----
 src/pages/Wallet/types.ts                     |  4 +-
 src/utils/api/index.ts                        |  3 +-
 src/utils/backup.ts                           |  5 --
 src/utils/currencies/nano/index.ts            | 73 ++--------------
 src/utils/history.ts                          |  3 +-
 10 files changed, 118 insertions(+), 116 deletions(-)

diff --git a/src/components/WalletCard/WalletCard.tsx b/src/components/WalletCard/WalletCard.tsx
index d1a8d444..d1a85ecc 100644
--- a/src/components/WalletCard/WalletCard.tsx
+++ b/src/components/WalletCard/WalletCard.tsx
@@ -161,10 +161,6 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
         }
       })
 
-      if (symbol === 'xno') {
-        await receiveAllPendingTxs(address)
-      }
-
       await updateTxsHistory({ updateSingleWallet: walletData })
       updateBalance({ address, symbol, balance, balance_btc, pending: pending, balance_usd, pending_btc: pending_btc })
       updateLast('lastActive', address, chain)
diff --git a/src/externalPages/RestoreBackup/RestoreBackup.tsx b/src/externalPages/RestoreBackup/RestoreBackup.tsx
index 52d5e24d..bfc73396 100644
--- a/src/externalPages/RestoreBackup/RestoreBackup.tsx
+++ b/src/externalPages/RestoreBackup/RestoreBackup.tsx
@@ -21,7 +21,7 @@ import SuccessDrawer from '@drawers/Success'
 import { logEvent } from '@utils/amplitude'
 import { validatePassword } from '@utils/validate'
 import { decrypt } from '@utils/crypto'
-import { setTempData, validate as validateBackup } from '@utils/backup'
+import { validate as validateBackup } from '@utils/backup'
 import { setBadgeBackgroundColor, setBadgeText } from '@utils/extension'
 import { getItem, setItem, removeItem } from '@utils/storage'
 
@@ -108,7 +108,6 @@ const RestoreBackup: React.FC = () => {
           setItem('backup', state.backupData)
           setItem('wallets', getWalletsList)
           removeItem('manualRestoreBackup')
-          setTempData(state.password)
 
           setBadgeBackgroundColor('#EB5757')
           setBadgeText('1')
diff --git a/src/pages/NewWallet/NewWallet.tsx b/src/pages/NewWallet/NewWallet.tsx
index 63bf8bda..363718b9 100644
--- a/src/pages/NewWallet/NewWallet.tsx
+++ b/src/pages/NewWallet/NewWallet.tsx
@@ -34,7 +34,6 @@ import { ILocationState, IState } from './types'
 
 // Styles
 import Styles from './styles'
-import { setTempData } from 'utils/backup'
 
 const initialState: IState = {
   activeDrawer: null,
@@ -141,9 +140,6 @@ const NewWallet: React.FC = () => {
 
               if (['xno', 'hbar'].indexOf(symbol) !== -1) {
                 setItem('backupStatus', 'notDownloaded')
-                if (symbol ==='xno') {
-                  setTempData(state.password)
-                }
               }
 
               updateState({ activeDrawer: 'success' })
diff --git a/src/pages/Wallet/Wallet.tsx b/src/pages/Wallet/Wallet.tsx
index 05dc1089..6ac47076 100644
--- a/src/pages/Wallet/Wallet.tsx
+++ b/src/pages/Wallet/Wallet.tsx
@@ -50,6 +50,7 @@ import { logEvent } from '@utils/amplitude'
 import { getTxHistory as getTonCoinTxHistory } from '@utils/currencies/toncoin'
 import { checkIfTimePassed, toMs } from '@utils/dates'
 import { removeTempTxs, updateTxsHistory } from '@utils/history'
+import { receiveAllPendingTxs } from '@utils/currencies/nano'
 
 // Config
 import { getCurrency } from '@config/currencies'
@@ -65,8 +66,6 @@ import { IWallet } from '@utils/wallet'
 
 // Styles
 import Styles from './styles'
-import * as nano from 'utils/currencies/nano'
-import { receiveAllPendingTxs } from '@utils/currencies/nano'
 
 const initialState: IState = {
   balance: null,
@@ -116,13 +115,12 @@ const WalletPage: React.FC = () => {
   const [isIdle, setIsIdle] = React.useState(false)
 
   useIdleTimer({
-    timeout: toMs({ minutes: 1}),
+    timeout: toMs({ minutes: 1 }),
     onActive: () => setIsIdle(false),
     onIdle: () => setIsIdle(true)
   })
 
   React.useEffect(() => {
-    receivePendingTxs()
     loadBalance()
     getTxHistory()
     getName()
@@ -147,7 +145,8 @@ const WalletPage: React.FC = () => {
       id = +setInterval(() => {
         if (isReady) {
           getTxHistory().then(loadBalance)
-        }}, toMs({ seconds: isIdle ? 60 : 15 }))
+        }
+      }, toMs({ seconds: isIdle ? 60 : 15 }))
     }
     return () => clearInterval(id)
   }, [isIdle, walletPendingStatus])
@@ -205,13 +204,6 @@ const WalletPage: React.FC = () => {
     }
   }
 
-  const receivePendingTxs = async (): Promise<void> => {
-    if (!state.address) return;
-    if (symbol?.toLowerCase() === 'xno') {
-      receiveAllPendingTxs(state.address)
-    }
-  }
-
   const loadBalance = async (): Promise<void> => {
     if (state.isNotActivated) {
       updateState({ balance: 0, estimated: 0 })
@@ -357,7 +349,7 @@ const WalletPage: React.FC = () => {
   }
 
   const onRefreshBalance = (): void => {
-    if (state.isBalanceRefreshing) return;
+    if (state.isBalanceRefreshing) return
     if (state.balance !== null && state.estimated !== null) {
       updateState({ balance: null, estimated: null, isBalanceRefreshing: true })
       setTimeout(loadBalance, 1000)
@@ -376,6 +368,51 @@ const WalletPage: React.FC = () => {
     }
   }
 
+  const onReceivePendingTxs = async (): Promise<void> => {
+    updateState({ isDrawerButtonLoading: true })
+
+    if (validatePassword(state.password)) {
+      const backup = getItem('backup')
+
+      if (backup?.length) {
+        const decryptBackup = decrypt(backup, state.password)
+
+        if (decryptBackup) {
+          const parseBackup = JSON.parse(decryptBackup)
+
+          const findWallet: IWallet | undefined = parseBackup?.wallets?.find(
+            (wallet: IWallet) => toLower(wallet.uuid) === toLower(uuid)
+          )
+
+          if (findWallet) {
+            const { privateKey } = findWallet
+
+            if (privateKey) {
+              if (symbol.toLowerCase() === 'xno') {
+                const res = await receiveAllPendingTxs(state.address, privateKey)
+                if (res) {
+                  getTxHistory()
+                  return updateState({
+                    isDrawerButtonLoading: false,
+                    activeDrawer: 'txsReceivedSuccess',
+                    password: ''
+                  })
+                }
+              }
+            }
+          }
+        }
+      }
+
+      return updateState({
+        passwordErrorLabel: 'Error occurred',
+        isDrawerButtonLoading: false
+      })
+    }
+    updateState({ passwordErrorLabel: 'Password is not valid', isDrawerButtonLoading: false })
+  }
+
+
   const onActivateWallet = async (): Promise<void> => {
     updateState({ isDrawerButtonLoading: true })
 
@@ -434,6 +471,9 @@ const WalletPage: React.FC = () => {
     if (state.confirmDrawerType === 'activateWallet') {
       return await onActivateWallet()
     }
+    if (state.confirmDrawerType === 'receivePendingTxs') {
+      return await onReceivePendingTxs()
+    }
     if (state.passwordErrorLabel) {
       updateState({ passwordErrorLabel: null })
     }
@@ -525,6 +565,17 @@ const WalletPage: React.FC = () => {
     })
   }
 
+  const onConfirmReceivePending = (): void => {
+    updateState({
+      activeDrawer: 'confirm',
+      confirmDrawerTitle: 'Please enter your password to receive incoming transactions',
+      confirmDrawerType: 'receivePendingTxs'
+    })
+  }
+
+  const hasUnreceivedTxs = Boolean(symbol.toLowerCase() === 'xno' && walletPendingStatus)
+  const onConfirmReceivePendingTxs = hasUnreceivedTxs ? onConfirmReceivePending : undefined
+
   return (
     <>
       <Styles.Wrapper>
@@ -554,6 +605,8 @@ const WalletPage: React.FC = () => {
               tokenName={tokenName}
               isNotActivated={state.isNotActivated}
               onConfirmActivate={onConfirmActivate}
+              hasUnreceivedTxs={hasUnreceivedTxs}
+              onConfirmReceivePending={onConfirmReceivePendingTxs}
             />
             {state.balance !== null && state.balance < 20 && toLower(symbol) === 'xrp' ? (
               <Warning
@@ -607,6 +660,11 @@ const WalletPage: React.FC = () => {
         onClose={onDownloadBackup}
         text='The new address has been successfully activated!'
       />
+      <SuccessDrawer
+        isActive={state.activeDrawer === 'txsReceivedSuccess'}
+        onClose={onCloseDrawer}
+        text='All incoming transactions have been received!'
+      />
       <PrivateKeyDrawer
         isMnemonic={withPhrase}
         isActive={state.activeDrawer === 'privateKey'}
diff --git a/src/pages/Wallet/components/WalletCard/WalletCard.tsx b/src/pages/Wallet/components/WalletCard/WalletCard.tsx
index d845fa76..09307e63 100644
--- a/src/pages/Wallet/components/WalletCard/WalletCard.tsx
+++ b/src/pages/Wallet/components/WalletCard/WalletCard.tsx
@@ -7,7 +7,7 @@ import CurrencyLogo from '@components/CurrencyLogo'
 import Skeleton from '@components/Skeleton'
 
 // Utils
-import { toUpper, price, formatEstimated, getFormatBalance } from '@utils/format'
+import { toUpper, price, formatEstimated, getFormatBalance, toLower } from '@utils/format'
 import { logEvent } from '@utils/amplitude'
 import { openWebPage } from '@utils/extension'
 
@@ -32,6 +32,8 @@ interface Props {
   tokenName?: string
   isNotActivated: boolean
   onConfirmActivate: () => void
+  hasUnreceivedTxs?: boolean
+  onConfirmReceivePending?: () => void
 }
 
 const WalletCard: React.FC<Props> = (props) => {
@@ -46,9 +48,13 @@ const WalletCard: React.FC<Props> = (props) => {
     address,
     tokenName,
     isNotActivated,
-    onConfirmActivate
+    onConfirmActivate,
+    hasUnreceivedTxs,
+    onConfirmReceivePending
   } = props
 
+
+  const [initialized, setInitialized] = React.useState(false)
   const [balanceWidth, setBalanceWidth] = React.useState(undefined)
   const [estimatedWidth, setEstimatedWidth] = React.useState(undefined)
 
@@ -62,6 +68,11 @@ const WalletCard: React.FC<Props> = (props) => {
     estimatedWidth && setEstimatedWidth(estimatedWidth)
   }, [isBalanceRefreshing, balance, estimated])
 
+  React.useEffect(() => {
+    if (balance !== null && !initialized) {
+      setInitialized(true)
+    }
+  }, [balance])
 
   const onExchange = (): void => {
     logEvent({
@@ -108,23 +119,27 @@ const WalletCard: React.FC<Props> = (props) => {
         </Styles.WalletInfo>
       </Styles.Body>
       <Styles.Actions>
-        {isNotActivated ? (
-          <Styles.ActionButton onClick={onConfirmActivate}>
-            <Styles.ActionName>Activate</Styles.ActionName>
+        {hasUnreceivedTxs &&
+        <Styles.ActionButton onClick={onConfirmReceivePending}>
+          <Styles.ActionName>Receive assets</Styles.ActionName>
+        </Styles.ActionButton>}
+        {isNotActivated && !hasUnreceivedTxs &&
+        <Styles.ActionButton onClick={onConfirmActivate}>
+          <Styles.ActionName>Activate</Styles.ActionName>
+        </Styles.ActionButton>}
+
+        {!isNotActivated && !hasUnreceivedTxs &&
+        <>
+          <Styles.ActionButton onClick={openPage('/send')}>
+            <Styles.ActionName>Send</Styles.ActionName>
+          </Styles.ActionButton>
+          <Styles.ActionButton onClick={openPage('/receive')}>
+            <Styles.ActionName>Receive</Styles.ActionName>
+          </Styles.ActionButton>
+          <Styles.ActionButton onClick={onExchange}>
+            <Styles.ActionName>Exchange</Styles.ActionName>
           </Styles.ActionButton>
-        ) : (
-          <>
-            <Styles.ActionButton onClick={openPage('/send')}>
-              <Styles.ActionName>Send</Styles.ActionName>
-            </Styles.ActionButton>
-            <Styles.ActionButton onClick={openPage('/receive')}>
-              <Styles.ActionName>Receive</Styles.ActionName>
-            </Styles.ActionButton>
-            <Styles.ActionButton onClick={onExchange}>
-              <Styles.ActionName>Exchange</Styles.ActionName>
-            </Styles.ActionButton>
-          </>
-        )}
+        </>}
       </Styles.Actions>
     </Styles.Container>
   )
diff --git a/src/pages/Wallet/types.ts b/src/pages/Wallet/types.ts
index 54aa7e27..b4a5940b 100644
--- a/src/pages/Wallet/types.ts
+++ b/src/pages/Wallet/types.ts
@@ -19,7 +19,7 @@ export interface IState {
   balance: null | number
   estimated: null | number
   txHistory: TAddressTxGroup[] | null
-  activeDrawer: null | 'confirm' | 'privateKey' | 'renameWallet' | 'success'
+  activeDrawer: null | 'confirm' | 'privateKey' | 'renameWallet' | 'success' | 'txsReceivedSuccess'
   isBalanceRefreshing: boolean
   password: string
   passwordErrorLabel: null | string
@@ -28,7 +28,7 @@ export interface IState {
   isHiddenWallet: boolean
   warning: null | string
   confirmDrawerTitle: string
-  confirmDrawerType: 'showPhrase' | 'showPrivateKey' | 'activateWallet' | null
+  confirmDrawerType: 'showPhrase' | 'showPrivateKey' | 'activateWallet' | 'receivePendingTxs' | null
   isDrawerButtonLoading: boolean
   isNotActivated: boolean
   address: string
diff --git a/src/utils/api/index.ts b/src/utils/api/index.ts
index d417573d..5063fbd6 100644
--- a/src/utils/api/index.ts
+++ b/src/utils/api/index.ts
@@ -473,8 +473,7 @@ export const getFullTxHistoryInfo = async ( wallets: TFullTxWallet[], options: T
       }
     )
     return data?.data || []
-  } catch (err) {
-    console.log(err)
+  } catch {
     return []
   }
 }
diff --git a/src/utils/backup.ts b/src/utils/backup.ts
index 3a0cdca7..7d97714f 100644
--- a/src/utils/backup.ts
+++ b/src/utils/backup.ts
@@ -2,7 +2,6 @@ import { v4 } from 'uuid'
 
 // Utils
 import { validateWallet } from '@utils/validate'
-import { setXnoTempData } from '@utils/currencies/nano'
 
 // Types
 import { IWallet } from '@utils/wallet'
@@ -79,8 +78,4 @@ export const validate = (backup: string): string | null => {
     }
   }
   return null
-}
-
-export const setTempData = (k: string): void => {
-  setXnoTempData(k)
 }
\ No newline at end of file
diff --git a/src/utils/currencies/nano/index.ts b/src/utils/currencies/nano/index.ts
index 52c550a0..80fe64d9 100644
--- a/src/utils/currencies/nano/index.ts
+++ b/src/utils/currencies/nano/index.ts
@@ -2,23 +2,22 @@ import * as nano from 'nanocurrency'
 
 // Utils
 import { activateAccount, getNanoPow, sendNanoRpcRequest } from '@utils/api'
-import { getItem, setItem } from '@utils/storage'
-import { decrypt, encrypt } from '@utils/crypto'
+import { setItem } from '@utils/storage'
 import { getWallets } from '@utils/wallet'
-import { toLower } from '@utils/format'
-
-// Types
-import { BlockRepresentation, ConvertParams } from 'nanocurrency'
-import { IWallet } from '@utils/wallet'
 import {
   TAccountInfo,
   TActivateData,
-  TBlockInfo, TProcessBlock,
+  TBlockInfo,
+  TProcessBlock,
   TReceivableResponse,
   TReceiveBlock
 } from '@utils/currencies/nano/types'
+import { IWallet } from '@utils/wallet'
 
 
+// Types
+import { BlockRepresentation, ConvertParams } from 'nanocurrency'
+
 export const coins: string[] = ['xno']
 
 export const generateWallet = async (): Promise<TGenerateAddress | null> => {
@@ -87,10 +86,8 @@ export const getPubKeyFromPriv = (privateKey: string): string | null => {
   }
 }
 
-export const receiveAllPendingTxs = async (address: string): Promise<boolean> => {
+export const receiveAllPendingTxs = async (address: string, privKey: string): Promise<boolean> => {
   try {
-    const privKey = await getXnoTempData(address)
-    if (!privKey) return false
     let isReceived = false
     const pubKey = nano.derivePublicKey(privKey)
     const response = await getReceivableBlocks(address)
@@ -106,8 +103,7 @@ export const receiveAllPendingTxs = async (address: string): Promise<boolean> =>
       }
     }
     return isReceived
-  } catch (err) {
-    console.error(err)
+  } catch {
     return false
   }
 
@@ -284,57 +280,6 @@ export const createTransaction = async (
       return hash
     }
     return null
-  } catch (err) {
-    console.error(err)
-    return null
-  }
-}
-
-export const setXnoTempData = (key: string) => {
-  const backup = getItem('backup')
-  if (backup?.length) {
-    const decryptBackup = decrypt(backup, key)
-    if (!decryptBackup) return
-    const parseBackup = JSON.parse(decryptBackup)
-    const xnoWallets: IWallet[] = parseBackup?.wallets?.filter(
-      (wallet: IWallet) => toLower(wallet.symbol) === 'xno'
-    )
-    if (xnoWallets?.length) {
-      const arr = []
-      const tempData = getItem('tempData')
-      const parsedData = tempData ? JSON.parse(tempData) : []
-      for (const wallet of xnoWallets) {
-        const { privateKey: k, address } = wallet
-        if (!k) return
-        const a = address
-          .toLowerCase()
-          .replace('xrb_', 'nano_')
-        const data = encrypt(k, a)
-        arr.push(data)
-      }
-      const newData = JSON.stringify([...parsedData, ...arr])
-      setItem('tempData', newData)
-    }
-  }
-}
-
-export const getXnoTempData = async (address: string): Promise<string | null> => {
-  const tempData = getItem('tempData')
-  if (!tempData) return null
-  const parsedData = JSON.parse(tempData)
-  for (const item of parsedData) {
-    const res = await getTempItem(address, item)
-    if (res) return res
-  }
-  return null
-}
-
-const getTempItem = async (key: string, item: string): Promise<string | null> => {
-  try {
-    const a = key
-      .toLowerCase()
-      .replace('xrb_', 'nano_')
-    return decrypt(item, a)
   } catch {
     return null
   }
diff --git a/src/utils/history.ts b/src/utils/history.ts
index 172630b5..8ae29e85 100644
--- a/src/utils/history.ts
+++ b/src/utils/history.ts
@@ -88,8 +88,7 @@ export const updateTxsHistory = async (
       return !!(fullTxsInfo && fullTxsInfo.length)
     }
     return false
-  } catch (err) {
-    console.error(err)
+  } catch {
     return false
   } finally {
     setIsLoadingFlag(false)

From 352260ab79310dd5a2bbc92ab704945892ebe331 Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Mon, 11 Apr 2022 15:18:13 +0300
Subject: [PATCH 3/7] minor fixes

---
 src/pages/Wallet/Wallet.tsx        | 5 ++---
 src/utils/currencies/nano/index.ts | 2 --
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/pages/Wallet/Wallet.tsx b/src/pages/Wallet/Wallet.tsx
index 6ac47076..85dae227 100644
--- a/src/pages/Wallet/Wallet.tsx
+++ b/src/pages/Wallet/Wallet.tsx
@@ -19,10 +19,8 @@ import SuccessDrawer from '@drawers/Success'
 
 // Utils
 import {
-  requestBalance,
   getTxsInfo,
   getWarning,
-  activateAccount,
   getTransactionHistory
 } from '@utils/api'
 import {
@@ -391,7 +389,8 @@ const WalletPage: React.FC = () => {
               if (symbol.toLowerCase() === 'xno') {
                 const res = await receiveAllPendingTxs(state.address, privateKey)
                 if (res) {
-                  getTxHistory()
+                  await getTxHistory()
+                  setWalletPendingStatus(false)
                   return updateState({
                     isDrawerButtonLoading: false,
                     activeDrawer: 'txsReceivedSuccess',
diff --git a/src/utils/currencies/nano/index.ts b/src/utils/currencies/nano/index.ts
index 80fe64d9..837ab031 100644
--- a/src/utils/currencies/nano/index.ts
+++ b/src/utils/currencies/nano/index.ts
@@ -14,7 +14,6 @@ import {
 } from '@utils/currencies/nano/types'
 import { IWallet } from '@utils/wallet'
 
-
 // Types
 import { BlockRepresentation, ConvertParams } from 'nanocurrency'
 
@@ -39,7 +38,6 @@ export const generateWallet = async (): Promise<TGenerateAddress | null> => {
   }
 }
 
-
 export const formatValue = (value: string | number, type: 'from' | 'to'): string => {
   return nano.convert(`${value}`, <ConvertParams>{
     from: type === 'from' ? 'raw' : 'Nano',

From e7862ed8f0acbbe57ce0396c60b6cc0691a5a528 Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Tue, 12 Apr 2022 16:22:40 +0300
Subject: [PATCH 4/7] fixes

---
 src/utils/api/index.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/utils/api/index.ts b/src/utils/api/index.ts
index 5063fbd6..546cc230 100644
--- a/src/utils/api/index.ts
+++ b/src/utils/api/index.ts
@@ -622,7 +622,7 @@ export const sendNanoRpcRequest = async <T>(input: any): Promise<T | null> => {
   try {
     const { data }: AxiosResponse = await axios.post(
       `${config.serverUrl}/wallet/nano/rpc`,
-      input,
+      { input },
       {
         headers: {
           'Content-Type': 'application/json',
@@ -635,13 +635,12 @@ export const sendNanoRpcRequest = async <T>(input: any): Promise<T | null> => {
   }
 }
 
-
 export const getNanoPow = async (hash: string, type: string): Promise<string | null> => {
   try {
     const input = { hash, type }
     const { data } = await axios.post(
       `${config.serverUrl}/transaction/nano/pow`,
-      input,
+      { input },
       {
         headers: {
           'Content-Type': 'application/json',

From b163575c8a2cf294a846206604fa71faa696eb4d Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Thu, 14 Apr 2022 16:03:04 +0300
Subject: [PATCH 5/7] routes fix

---
 src/utils/api/index.ts             |  4 +--
 src/utils/currencies/nano/index.ts | 50 ++++++++++++++++++++++++------
 src/utils/currencies/nano/types.ts | 14 +++++++++
 3 files changed, 57 insertions(+), 11 deletions(-)

diff --git a/src/utils/api/index.ts b/src/utils/api/index.ts
index 546cc230..1e603bac 100644
--- a/src/utils/api/index.ts
+++ b/src/utils/api/index.ts
@@ -621,7 +621,7 @@ export const getTokens = async (): Promise<IToken[] | null> => {
 export const sendNanoRpcRequest = async <T>(input: any): Promise<T | null> => {
   try {
     const { data }: AxiosResponse = await axios.post(
-      `${config.serverUrl}/wallet/nano/rpc`,
+      `${config.serverUrl}/rpc/nano`,
       { input },
       {
         headers: {
@@ -639,7 +639,7 @@ export const getNanoPow = async (hash: string, type: string): Promise<string | n
   try {
     const input = { hash, type }
     const { data } = await axios.post(
-      `${config.serverUrl}/transaction/nano/pow`,
+      `${config.serverUrl}/rpc/nano/pow`,
       { input },
       {
         headers: {
diff --git a/src/utils/currencies/nano/index.ts b/src/utils/currencies/nano/index.ts
index 837ab031..5c8bf73d 100644
--- a/src/utils/currencies/nano/index.ts
+++ b/src/utils/currencies/nano/index.ts
@@ -4,21 +4,53 @@ import * as nano from 'nanocurrency'
 import { activateAccount, getNanoPow, sendNanoRpcRequest } from '@utils/api'
 import { setItem } from '@utils/storage'
 import { getWallets } from '@utils/wallet'
+
+// Types
+import { BlockRepresentation, ConvertParams } from 'nanocurrency'
 import {
   TAccountInfo,
   TActivateData,
   TBlockInfo,
-  TProcessBlock,
+  TProcessBlock, TQueueRequest,
   TReceivableResponse,
-  TReceiveBlock
+  TReceiveBlock, TRequestHandler, TRpcRequest
 } from '@utils/currencies/nano/types'
 import { IWallet } from '@utils/wallet'
 
-// Types
-import { BlockRepresentation, ConvertParams } from 'nanocurrency'
-
 export const coins: string[] = ['xno']
 
+const requestHandler: TRequestHandler = {
+  _queue: [],
+  _inProgress: false,
+  add(request: TQueueRequest) {
+    this._queue.push(request)
+    if (!this._inProgress) {
+      this.run()
+    }
+  },
+
+  async run() {
+    while (this._queue.length) {
+      this._inProgress = true
+      const item = this._queue.shift()
+      if (!item) break;
+      const { request, resolver } = item
+      request().then(result => {
+        resolver(result)
+      })
+      await new Promise(res => setTimeout(res, 200))
+    }
+    this._inProgress = false
+  }
+}
+
+export const sendThrottledRequest = async <T>(input: any): Promise<T | null> => {
+  const request: TRpcRequest = () => sendNanoRpcRequest(input)
+  return await new Promise(async (resolver) => {
+    requestHandler.add({request, resolver})
+  })
+}
+
 export const generateWallet = async (): Promise<TGenerateAddress | null> => {
   try {
     const seed = await nano.generateSeed()
@@ -118,7 +150,7 @@ const processBlock = async (block: BlockRepresentation, subtype: string): Promis
     subtype: subtype,
     block: block
   }
-  return await sendNanoRpcRequest<TProcessBlock>(input)
+  return await sendThrottledRequest<TProcessBlock>(input)
 }
 
 
@@ -128,7 +160,7 @@ const getBlockInfo = async (hash: string): Promise<TBlockInfo | null> => {
     json_block: true,
     hash: hash
   }
-  return await sendNanoRpcRequest<TBlockInfo>(input)
+  return await sendThrottledRequest<TBlockInfo>(input)
 }
 
 const getAccountInfo = async (address: string, representative = true): Promise<TAccountInfo | null> => {
@@ -137,7 +169,7 @@ const getAccountInfo = async (address: string, representative = true): Promise<T
     representative: representative,
     account: address
   }
-  return await sendNanoRpcRequest<TAccountInfo>(input)
+  return await sendThrottledRequest<TAccountInfo>(input)
 }
 
 const getReceivableBlocks = async (address: string, count = undefined, threshold = undefined): Promise<TReceivableResponse | null> => {
@@ -147,7 +179,7 @@ const getReceivableBlocks = async (address: string, count = undefined, threshold
     count: count,
     threshold: threshold
   }
-  return await sendNanoRpcRequest<TReceivableResponse>(input)
+  return await sendThrottledRequest<TReceivableResponse>(input)
 }
 
 export const activateWallet = async (chain: string, pubKey: string, privKey: string): Promise<string | null> => {
diff --git a/src/utils/currencies/nano/types.ts b/src/utils/currencies/nano/types.ts
index 81b26169..afeb7d5d 100644
--- a/src/utils/currencies/nano/types.ts
+++ b/src/utils/currencies/nano/types.ts
@@ -55,4 +55,18 @@ export type TReceivableResponse = {
 
 export type TProcessBlock = {
   hash: string
+}
+
+export type TRpcRequest = <T>() => Promise<T | null>
+
+export type TQueueRequest = {
+  request: TRpcRequest
+  resolver: any //
+}
+
+export type TRequestHandler = {
+  _queue: TQueueRequest[]
+  _inProgress: boolean
+  add(request: TQueueRequest): void
+  run(): void
 }
\ No newline at end of file

From 045f3734c53c9e479b634f073e1cc33a6264d066 Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Thu, 14 Apr 2022 21:28:31 +0300
Subject: [PATCH 6/7] refactor: code

---
 src/components/WalletCard/WalletCard.tsx      |  4 +-
 .../TransactionHistory/TransactionHistory.tsx |  4 +-
 .../components/WalletCard/WalletCard.tsx      | 15 +--
 src/utils/currencies/nano/index.ts            | 92 ++++++++++++-------
 4 files changed, 70 insertions(+), 45 deletions(-)

diff --git a/src/components/WalletCard/WalletCard.tsx b/src/components/WalletCard/WalletCard.tsx
index d1a85ecc..0771432e 100644
--- a/src/components/WalletCard/WalletCard.tsx
+++ b/src/components/WalletCard/WalletCard.tsx
@@ -7,6 +7,7 @@ import CurrencyLogo from '@components/CurrencyLogo'
 import Skeleton from '@components/Skeleton'
 
 // Utils
+import { updateWalletActivationStatus } from '@utils/currencies/nano'
 import { getBalance } from '@utils/currencies'
 import { toUpper, numberFriendly, formatEstimated, getFormatBalance } from '@utils/format'
 import {
@@ -37,7 +38,6 @@ import Styles from './styles'
 import { TWalletAmountData } from '@pages/Wallets/types'
 import { TTxWallet } from '@utils/api/types'
 import { THardware } from '@utils/wallet'
-import { receiveAllPendingTxs, updateWalletActivationStatus } from 'utils/currencies/nano'
 
 
 interface Props {
@@ -214,7 +214,7 @@ const WalletCard: React.FC<Props> = React.memo((props) => {
             </Styles.CurrencyInfo>
             {notActivatedStatus ? (
               <Styles.ActivateBlock>
-                <Styles.ActivateLabel>Need activation</Styles.ActivateLabel>
+                <Styles.ActivateLabel>Activation is required</Styles.ActivateLabel>
               </Styles.ActivateBlock>
             ) : (
               <Styles.AddressRow>
diff --git a/src/pages/Wallet/components/TransactionHistory/TransactionHistory.tsx b/src/pages/Wallet/components/TransactionHistory/TransactionHistory.tsx
index 416ed56b..e75e604c 100644
--- a/src/pages/Wallet/components/TransactionHistory/TransactionHistory.tsx
+++ b/src/pages/Wallet/components/TransactionHistory/TransactionHistory.tsx
@@ -57,11 +57,11 @@ const TransactionHistory: React.FC<Props> = (props) => {
                 <Styles.DateRow>
                   <Styles.TxDate>{dayjs(date).format('MMM D')}</Styles.TxDate>
                 </Styles.DateRow>
-                {data.sort(sortByDate).map((tx: TAddressTx) => {
+                {data.sort(sortByDate).map((tx: TAddressTx, index) => {
                   const { type, date, hash, amount, estimated, isPending, disabled } = tx
                   return (
                     <Transaction
-                      key={hash}
+                      key={`${hash}/${index}`}
                       data={{
                         type,
                         date,
diff --git a/src/pages/Wallet/components/WalletCard/WalletCard.tsx b/src/pages/Wallet/components/WalletCard/WalletCard.tsx
index 09307e63..35f7114b 100644
--- a/src/pages/Wallet/components/WalletCard/WalletCard.tsx
+++ b/src/pages/Wallet/components/WalletCard/WalletCard.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react'
-import numeral from 'numeral'
 import SVG from 'react-inlinesvg'
 
 // Components
@@ -7,7 +6,7 @@ import CurrencyLogo from '@components/CurrencyLogo'
 import Skeleton from '@components/Skeleton'
 
 // Utils
-import { toUpper, price, formatEstimated, getFormatBalance, toLower } from '@utils/format'
+import { toUpper, price, formatEstimated, getFormatBalance } from '@utils/format'
 import { logEvent } from '@utils/amplitude'
 import { openWebPage } from '@utils/extension'
 
@@ -119,15 +118,17 @@ const WalletCard: React.FC<Props> = (props) => {
         </Styles.WalletInfo>
       </Styles.Body>
       <Styles.Actions>
-        {hasUnreceivedTxs &&
-        <Styles.ActionButton onClick={onConfirmReceivePending}>
-          <Styles.ActionName>Receive assets</Styles.ActionName>
-        </Styles.ActionButton>}
-        {isNotActivated && !hasUnreceivedTxs &&
+
+        {isNotActivated &&
         <Styles.ActionButton onClick={onConfirmActivate}>
           <Styles.ActionName>Activate</Styles.ActionName>
         </Styles.ActionButton>}
 
+        {hasUnreceivedTxs && !isNotActivated &&
+        <Styles.ActionButton onClick={onConfirmReceivePending}>
+          <Styles.ActionName>Receive assets</Styles.ActionName>
+        </Styles.ActionButton>}
+
         {!isNotActivated && !hasUnreceivedTxs &&
         <>
           <Styles.ActionButton onClick={openPage('/send')}>
diff --git a/src/utils/currencies/nano/index.ts b/src/utils/currencies/nano/index.ts
index 5c8bf73d..c5ab44d3 100644
--- a/src/utils/currencies/nano/index.ts
+++ b/src/utils/currencies/nano/index.ts
@@ -19,6 +19,8 @@ import { IWallet } from '@utils/wallet'
 
 export const coins: string[] = ['xno']
 
+const RPC_CALL_DELAY = 200
+
 const requestHandler: TRequestHandler = {
   _queue: [],
   _inProgress: false,
@@ -38,7 +40,7 @@ const requestHandler: TRequestHandler = {
       request().then(result => {
         resolver(result)
       })
-      await new Promise(res => setTimeout(res, 200))
+      await new Promise(res => setTimeout(res, RPC_CALL_DELAY))
     }
     this._inProgress = false
   }
@@ -56,10 +58,11 @@ export const generateWallet = async (): Promise<TGenerateAddress | null> => {
     const seed = await nano.generateSeed()
     const privateKey = nano.deriveSecretKey(seed, 0)
     const publicKey = nano.derivePublicKey(privateKey)
-    const address = nano.deriveAddress(publicKey).replace('xrb_', 'nano_')
+    const address = nano.deriveAddress(publicKey)
+    const formatAddress = getFormatAddress(address)
     if (address) {
       return {
-        address,
+        address: formatAddress,
         privateKey,
         isNotActivated: true
       }
@@ -70,6 +73,13 @@ export const generateWallet = async (): Promise<TGenerateAddress | null> => {
   }
 }
 
+const getFormatAddress = (address: string) => {
+  if (address.slice(0, 3).toLowerCase() === 'xrb') {
+    return 'nano' + address.slice(3)
+  }
+  return address
+}
+
 export const formatValue = (value: string | number, type: 'from' | 'to'): string => {
   return nano.convert(`${value}`, <ConvertParams>{
     from: type === 'from' ? 'raw' : 'Nano',
@@ -124,9 +134,9 @@ export const receiveAllPendingTxs = async (address: string, privKey: string): Pr
 
     if (!response) return false
 
-    const blocks_receivable = response.blocks
+    const receivableBlocks = response.blocks
 
-    for (const link of blocks_receivable) {
+    for (const link of receivableBlocks) {
       let response = await receiveBlock({ address, pubKey, privKey, blockHash: link })
       if (response && response.hash !== undefined) {
         isReceived = true
@@ -147,8 +157,8 @@ const processBlock = async (block: BlockRepresentation, subtype: string): Promis
   const input = {
     action: 'process',
     json_block: true,
-    subtype: subtype,
-    block: block
+    subtype,
+    block
   }
   return await sendThrottledRequest<TProcessBlock>(input)
 }
@@ -158,7 +168,7 @@ const getBlockInfo = async (hash: string): Promise<TBlockInfo | null> => {
   const input = {
     action: 'block_info',
     json_block: true,
-    hash: hash
+    hash
   }
   return await sendThrottledRequest<TBlockInfo>(input)
 }
@@ -166,8 +176,8 @@ const getBlockInfo = async (hash: string): Promise<TBlockInfo | null> => {
 const getAccountInfo = async (address: string, representative = true): Promise<TAccountInfo | null> => {
   const input = {
     action: 'account_info',
-    representative: representative,
-    account: address
+    account: address,
+    representative
   }
   return await sendThrottledRequest<TAccountInfo>(input)
 }
@@ -176,8 +186,8 @@ const getReceivableBlocks = async (address: string, count = undefined, threshold
   const input = {
     action: 'receivable',
     account: address,
-    count: count,
-    threshold: threshold
+    count,
+    threshold
   }
   return await sendThrottledRequest<TReceivableResponse>(input)
 }
@@ -190,9 +200,10 @@ export const activateWallet = async (chain: string, pubKey: string, privKey: str
 
     if (data) {
       const { hash, representative } = data
-      const address = nano.deriveAddress(pubKeyFromPriv).replace('xrb_', 'nano_')
+      const address = nano.deriveAddress(pubKeyFromPriv)
+      const formatAddress = getFormatAddress(address)
       const result = await receiveBlock({
-        address,
+        address: formatAddress,
         pubKey: pubKeyFromPriv,
         privKey,
         blockHash: hash,
@@ -241,34 +252,47 @@ export const updateWalletActivationStatus = async (address: string): Promise<boo
   }
 }
 
-const receiveBlock = async ({ address, pubKey, privKey, blockHash, walletActivation }: TReceiveBlock) => {
+const receiveBlock = async ({ address, pubKey, privKey, blockHash, walletActivation }: TReceiveBlock): Promise<TProcessBlock | null> => {
+  try {
   const link = blockHash
   const blockInfo = await getBlockInfo(link)
-  const account = await getAccountInfo(address)
-  if (!account || !blockInfo) return
   let subtype = 'receive'
-  let representative = account.representative
-  let previous = account.frontier
-  let old_balance = account.balance
-  let work_input = account.frontier
-
-  if (walletActivation) {
-    old_balance = '0'
-    previous = '0'.padStart(64, '0')
-    representative = walletActivation.representative
-    work_input = pubKey
-  }
 
-  const work = await getNanoPow(work_input, subtype)
-  const new_balance = stringAdd(old_balance, blockInfo.amount)
+  if (!blockInfo) return null;
+
+    let representative: string
+    let previous: string
+    let oldBalance: string
+    let workInput: string
+
+    if (walletActivation) {
+      representative = walletActivation.representative
+      workInput = pubKey
+      oldBalance = '0';
+      previous = '0'.padStart(64, '0');
+    } else {
+      const account = await getAccountInfo(address)
+      if (!account) return null;
+      representative = account.representative
+      previous = account.frontier
+      oldBalance = account.balance
+      workInput = account.frontier
+    }
+
+  const work = await getNanoPow(workInput, subtype)
+  const balance = stringAdd(oldBalance, blockInfo.amount)
   const block = nano.createBlock(privKey, {
     work,
     previous,
     representative,
-    balance: new_balance,
+    balance,
     link
   })
   return await processBlock(block.block, subtype)
+  } catch {
+    return null
+  }
+
 }
 
 export const stringSub = (n1: string, n2: string, pad = 0) => {
@@ -292,15 +316,15 @@ export const createTransaction = async (
     const link = toAddress
     const representative = account.representative
     const previous = account.frontier
-    const old_balance = account.balance
+    const oldBalance = account.balance
     const workInput = account.frontier
     const work = await getNanoPow(workInput, subtype)
-    const new_balance = stringSub(old_balance, amount)
+    const balance = stringSub(oldBalance, amount)
     const block = nano.createBlock(privateKey, {
       work,
       previous,
       representative,
-      balance: new_balance,
+      balance,
       link
     })
 

From a739748eca502af57ff5cc2cf78e8ae268d1bd74 Mon Sep 17 00:00:00 2001
From: Dylan-Simplehold <92319334+Dylan-Simplehold@users.noreply.github.com>
Date: Fri, 15 Apr 2022 19:37:10 +0300
Subject: [PATCH 7/7] version updated

---
 package.json      | 2 +-
 src/manifest.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 5d8730fd..3a149969 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "extension",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "description": "extension",
   "private": false,
   "repository": "https://github.com/SimpleHold/extension.git",
diff --git a/src/manifest.json b/src/manifest.json
index ba35932c..2d090eab 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "SimpleHold",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "icons": {
     "16": "assets/logo/favicon-16.png",
     "32": "assets/logo/favicon-32.png",