format

src/helpers/NetworkMonitor.tsx

@@ -5,31 +5,31 @@ import { useEffect } from 'react'
 import { getOceanConfig } from './wrapRootElement'
 
 export function NetworkMonitor() {
-    const { connect, web3Provider } = useOcean()
+  const { connect, web3Provider } = useOcean()
 
-    const handleNetworkChanged = (chainId: number) => {
+  const handleNetworkChanged = (chainId: number) => {
-        // temp hack
+    // temp hack
-        let network = ''
+    let network = ''
-        switch (chainId) {
+    switch (chainId) {
-            case 1: {
+      case 1: {
-                    network = 'mainnet'
+        network = 'mainnet'
-                }
+      }
-            case 4: {
+      case 4: {
-                    network = 'rinkeby'
+        network = 'rinkeby'
-                }
+      }
-        }
-        const config = getOceanConfig(network)
-        connect(config)
     }
-    useEffect(() => {
+    const config = getOceanConfig(network)
-        if (!web3Provider) return
+    connect(config)
+  }
+  useEffect(() => {
+    if (!web3Provider) return
 
-        web3Provider.on('chainChanged', handleNetworkChanged)
+    web3Provider.on('chainChanged', handleNetworkChanged)
 
-        return () => {
+    return () => {
-            web3Provider.removeListener('chainChanged', handleNetworkChanged)
+      web3Provider.removeListener('chainChanged', handleNetworkChanged)
-        }
+    }
-    }, [web3Provider])
+  }, [web3Provider])
 
-    return (<></>)
+  return <></>
 }

src/helpers/wrapRootElement.tsx

@@ -25,7 +25,7 @@ export default function wrapRootElement({
       initialConfig={oceanInitialConfig}
       web3ModalOpts={web3ModalOpts}
     >
-      <NetworkMonitor/>
+      <NetworkMonitor />
       {element}
     </OceanProvider>
   )