Fix: show test label according to network type (#1002)

Co-authored-by: ClaudiaHolhos <claudia@oceanprotocol.com>

src/@context/Web3.tsx

@@ -17,8 +17,10 @@ import { getEnsName } from '@utils/ens'
 import { getOceanBalance } from '@utils/ocean'
 import useNetworkMetadata, {
   getNetworkDataById,
-  getNetworkDisplayName
-} from '@hooks/useNetworkMetadata'
+  getNetworkDisplayName,
+  getNetworkType,
+  NetworkType
+} from '../@hooks/useNetworkMetadata'
 
 interface Web3ProviderValue {
   web3: Web3
@@ -260,10 +262,7 @@ function Web3Provider({ children }: { children: ReactNode }): ReactElement {
     const networkDisplayName = getNetworkDisplayName(networkData, networkId)
     setNetworkDisplayName(networkDisplayName)
 
-    // Figure out if we're on a chain's testnet, or not
-    // setIsTestnet(
-    //   networkData?.network !== 'mainnet' && networkData.network !== 'moonriver'
-    // )
+    setIsTestnet(getNetworkType(networkData) !== NetworkType.Mainnet)
 
     LoggerInstance.log(
       `[web3] Network display name set to: ${networkDisplayName}`

src/@hooks/useNetworkMetadata/utils.ts

@@ -1,5 +1,10 @@
 import { networkDataGaiaX } from './constants'
 
+export enum NetworkType {
+  Mainnet = 'mainnet',
+  Testnet = 'testnet'
+}
+
 export function getNetworkType(network: EthereumListsChain): string {
   // HEADS UP! Hack for getting network's type main/test, without using
   // .network field, which is innexistent on https://chainid.network/chains.json
@@ -9,9 +14,9 @@ export function getNetworkType(network: EthereumListsChain): string {
     !network.title?.includes('Testnet') &&
     network.name !== 'Moonbase Alpha'
   ) {
-    return 'mainnet'
+    return NetworkType.Mainnet
   } else {
-    return 'testnet'
+    return NetworkType.Testnet
   }
 }