rebase fixes

client/package.json

@@ -16,7 +16,6 @@
     "@oceanprotocol/squid": "0.6.2",
     "@oceanprotocol/typographies": "^0.1.0",
     "@sindresorhus/slugify": "^0.9.1",
-    "@types/react-modal": "^3.8.2",
     "axios": "^0.19.0",
     "bip39": "^3.0.2",
     "classnames": "^2.2.6",

client/src/@types/truffle-hdwallet-provider'/index.d.ts

@@ -0,0 +1 @@
+declare module 'truffle-hdwallet-provider'

client/src/components/molecules/AccountStatus/Popover.tsx

@@ -8,12 +8,7 @@ export default class Popover extends PureComponent<{
     style: React.CSSProperties
 }> {
     public render() {
-        const {
-            account,
-            balance,
-            network,
-            isOceanNetwork
-        } = this.context
+        const { account, balance, network, isOceanNetwork } = this.context
 
         return (
             <div

client/src/components/organisms/Header.tsx

@@ -33,7 +33,7 @@ export default class Header extends PureComponent {
                         {menu.map(item => (
                             <MenuItem key={item.title} item={item} />
                         ))}
-                        <WalletSelector/>
+                        <WalletSelector />
                         <AccountStatus className={styles.accountStatus} />
                     </nav>
                 </div>

client/src/components/organisms/WalletSelector.tsx

@@ -28,7 +28,6 @@ export default class WalletSelector extends PureComponent<
         this.toggleModal()
     }
 
-
     public render() {
         return (
             <div className={styles.actions}>
@@ -46,8 +45,12 @@ export default class WalletSelector extends PureComponent<
                     toggleModal={this.toggleModal}
                 >
                     <div className={styles.info}>
-                        <button onClick={this.loginBurnerWallet}>login BurnerWallet</button>
-                        <button onClick={this.loginMetamask}>login Metamask</button>
+                        <button onClick={this.loginBurnerWallet}>
+                            login BurnerWallet
+                        </button>
+                        <button onClick={this.loginMetamask}>
+                            login Metamask
+                        </button>
                     </div>
                 </Modal>
             </div>

client/src/components/organisms/Web3message.tsx

@@ -7,30 +7,22 @@ import WalletSelector from './WalletSelector'
 import content from '../../data/web3message.json'
 
 export default class Web3message extends PureComponent {
-    private message = (
-        message: string,
-        account?: string,
-    ) => (
+    private message = (message: string, account?: string) => (
         <div className={styles.message}>
             {account ? (
                 <Account account={account} />
             ) : (
                 <div className={styles.warnings}>
                     <AccountStatus className={styles.status} />
                     <span dangerouslySetInnerHTML={{ __html: message }} />{' '}
-                    <WalletSelector/>
+                    <WalletSelector />
                 </div>
             )}
         </div>
     )
 
     public render() {
-        const {
-            isOceanNetwork,
-            isLogged,
-            isBurner,
-            account,
-        } = this.context
+        const { isOceanNetwork, isLogged, isBurner, account } = this.context
 
         return !isOceanNetwork
             ? this.message(content.wrongNetwork)

client/src/context/BurnerWalletProvider.ts

@@ -1,48 +1,48 @@
 import Web3 from 'web3'
 import { nodeUri } from '../config'
-const bip39 = require('bip39')
-const HDWalletProvider = require('truffle-hdwallet-provider')
+import bip39 from 'bip39'
+import HDWalletProvider from 'truffle-hdwallet-provider'
 
 export class BurnerWalletProvider {
-    web3: Web3
+    private web3: Web3
 
-    constructor() {
+    public constructor() {
         // Default
         this.web3 = null as any
     }
 
-    async isAvaliable() {
+    public async isAvailable() {
         return true
     }
 
-    async isLogged() {
+    public async isLogged() {
         if (localStorage.getItem('seedphrase') !== null) {
             return true
         }
         return false
     }
 
-    async startLogin() {
+    public async startLogin() {
         if (await this.isLogged()) {
             const mnemonic = localStorage.getItem('seedphrase') as string
             localStorage.setItem('logType', 'BurnerWallet')
-            const provider = new HDWalletProvider(mnemonic, `${nodeUri}`, 0, 1);
+            const provider = new HDWalletProvider(mnemonic, `${nodeUri}`, 0, 1)
             this.web3 = new Web3(provider)
         } else {
             const mnemonic = bip39.generateMnemonic()
             localStorage.setItem('seedphrase', mnemonic)
             localStorage.setItem('logType', 'BurnerWallet')
-            const provider = new HDWalletProvider(mnemonic, `${nodeUri}`, 0, 1);
+            const provider = new HDWalletProvider(mnemonic, `${nodeUri}`, 0, 1)
             this.web3 = new Web3(provider)
         }
     }
 
-    async logout() {
+    public async logout() {
         localStorage.removeItem('seedphrase')
         localStorage.removeItem('logType')
     }
 
-    getProvider() {
+    public getProvider() {
         return this.web3
     }
- }
+}

client/src/context/MetamaskProvider.ts

@@ -1,9 +1,9 @@
 import Web3 from 'web3'
 
 export class MetamaskProvider {
-    web3: Web3
+    private web3: Web3
 
-    constructor() {
+    public constructor() {
         // Default
         this.web3 = null as any
         // Modern dapp browsers
@@ -16,19 +16,19 @@ export class MetamaskProvider {
         }
     }
 
-    async isAvaliable() {
+    public async isAvailable() {
         return this.web3 !== null
     }
 
-    async isLogged() {
-        if(this.web3 === null) return false
-        if((await this.web3.eth.getAccounts()).length > 0) {
+    public async isLogged() {
+        if (this.web3 === null) return false
+        if ((await this.web3.eth.getAccounts()).length > 0) {
             return true
         }
         return false
     }
 
-    async startLogin() {
+    public async startLogin() {
         try {
             await window.ethereum.enable()
             localStorage.setItem('logType', 'Metamask')
@@ -37,12 +37,12 @@ export class MetamaskProvider {
         }
     }
 
-    async logout() {
+    public async logout() {
         localStorage.removeItem('logType')
         // reload page?
     }
 
-    getProvider() {
+    public getProvider() {
         return this.web3
     }
- }
+}

client/src/context/UserProvider.tsx

@@ -164,11 +164,12 @@ export default class UserProvider extends PureComponent<{}, UserProviderState> {
 
     private bootstrap = async () => {
         const logType = localStorage.getItem('logType')
+        const metamaskProvider = new MetamaskProvider()
+
         switch (logType) {
             case 'Metamask':
-                const metamaskProvider = new MetamaskProvider()
                 if (
-                    (await metamaskProvider.isAvaliable()) &&
+                    (await metamaskProvider.isAvailable()) &&
                     (await metamaskProvider.isLogged())
                 ) {
                     const web3 = metamaskProvider.getProvider()
@@ -249,7 +250,7 @@ export default class UserProvider extends PureComponent<{}, UserProviderState> {
         const isOceanNetwork = isPacific || isNile || isDuero || isSpree
 
         network !== this.state.network &&
-                this.setState({ isOceanNetwork, network })
+            this.setState({ isOceanNetwork, network })
     }
 
     public render() {

client/src/ocean.ts

@@ -22,11 +22,11 @@ export async function provideOcean(web3provider: Web3) {
         verbose
     }
 
-    console.log('accs web3:', (await web3provider.eth.getAccounts())[0])
+    Logger.log('accs web3:', (await web3provider.eth.getAccounts())[0])
 
     const ocean: any = await Ocean.getInstance(config)
 
-    console.log('accs ocean:', (await ocean.accounts.list())[0].id)
+    Logger.log('accs ocean:', (await ocean.accounts.list())[0].id)
 
     return { ocean }
 }