warning fixes, fix compile error

package.json

@@ -17,6 +17,7 @@
   "dependencies": {
     "@oceanprotocol/squid": "^0.2.8",
     "classnames": "^2.2.6",
+    "eslint": "^5.6.0",
     "query-string": "^6.2.0",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",

src/App.tsx

@@ -52,16 +52,16 @@ class App extends Component<{}, AppState> {
                 if (accounts.length === 0 && (window as any).ethereum) {
                     await (window as any).ethereum.enable()
                     const { ocean } = await provideOcean()
-                    this.setState(state => ({
+                    this.setState({
                         isLogged: true,
                         web3,
                         ocean
-                    }))
+                    })
                 } else {
-                    this.setState(state => ({
+                    this.setState({
                         isLogged: true,
                         web3
-                    }))
+                    })
                 }
             } catch (e) {
                 this.setDefaultProvider()
@@ -78,11 +78,11 @@ class App extends Component<{}, AppState> {
                 const accounts = await web3.eth.getAccounts()
                 if (accounts.length > 0) {
                     const { ocean } = await provideOcean()
-                    this.setState(state => ({
+                    this.setState({
                         isLogged: true,
                         web3,
                         ocean
-                    }))
+                    })
                 }
             } catch (e) {
                 this.setDefaultProvider()
@@ -93,14 +93,14 @@ class App extends Component<{}, AppState> {
     }
 
     private setDefaultProvider = () => {
-        this.setState(state => ({
+        this.setState({
             isLogged: false,
             web3: new Web3(
                 new Web3.providers.HttpProvider(
                     `${nodeScheme}://${nodeHost}:${nodePort}`
                 )
             )
-        }))
+        })
     }
 }
 

src/data/form-styleguide.json

@@ -1,8 +1,7 @@
 {
   "title": "A cool form title",
   "description": "A cool form description",
-  "fields": [
+  "fields": {
-    {
     "name": {
       "label": "Your name",
       "placeholder": "i.e. Jelly McJellyfish",
@@ -67,5 +66,4 @@
       ]
     }
   }
-  ]
 }

src/pages/Publish.tsx

@@ -282,7 +282,7 @@ class Publish extends Component<{}, PublishState> {
             )
         }
 
-        const ddo = await this.context.ocean.registerAsset(newAsset, account[0])
+        await this.context.ocean.registerAsset(newAsset, account[0])
     }
 }
 

src/pages/Search.tsx

@@ -29,7 +29,7 @@ class Search extends Component<SearchProps, SearchState> {
             }
         }
         const assets = await ocean.searchAssets(queryRequest)
-        this.setState(state => ({ results: assets }))
+        this.setState({ results: assets })
     }
 
     public render() {

src/pages/Styleguide.tsx

@@ -7,8 +7,8 @@ import styles from './Styleguide.module.scss'
 import form from '../data/form-styleguide.json'
 
 class Styleguide extends Component {
-    public formFields = () =>
+    public formFields = (entries: any[]) =>
-        Object.entries(form.fields).map(([key, value]) => (
+        entries.map(([key, value]) => (
             <Input
                 key={key}
                 name={key}
@@ -22,6 +22,7 @@ class Styleguide extends Component {
         ))
 
     public render() {
+        const entries = Object.entries(form.fields)
         return (
             <div className={styles.page}>
                 <h1>Styleguide</h1>
@@ -33,7 +34,7 @@ class Styleguide extends Component {
                 </Button>
 
                 <Form title={form.title} description={form.description}>
-                    {this.formFields}
+                    {this.formFields(entries)}
                 </Form>
             </div>
         )