Merge pull request #22 from pnetwork-association/feat/native-mode-only

Feat/native mode only

package.json

@@ -1,6 +1,6 @@
 {
   "name": "dao-v2-ui",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "homepage": ".",
   "dependencies": {

src/components/App.jsx

@@ -3,7 +3,7 @@ import { ThemeContext } from 'styled-components'
 import { createHashRouter, RouterProvider } from 'react-router-dom'
 import { getDefaultWallets, RainbowKitProvider } from '@rainbow-me/rainbowkit'
 import { configureChains, createClient, WagmiConfig, createStorage } from 'wagmi'
-import { mainnet, polygon, bsc } from 'wagmi/chains'
+import { polygon } from 'wagmi/chains'
 import { jsonRpcProvider } from '@wagmi/core/providers/jsonRpc'
 import { getWeb3Settings } from 'react-web3-settings'
 
@@ -43,23 +43,15 @@ const router = createHashRouter([
 const settings = getWeb3Settings()
 
 const { chains, provider } = configureChains(
-  [mainnet, polygon, bsc],
+  [polygon],
   [
     jsonRpcProvider({
       rpc: (chain) => ({
         http:
-          chain.id === mainnet.id
-            ? settings.rpcEndpoints && settings.rpcEndpoints[0] !== ''
-              ? settings.rpcEndpoints[0]
-              : `https://eth-mainnet.alchemyapi.io/v2/${process.env.REACT_APP_ALCHEMY_ID}`
-            : chain.id === polygon.id
+          chain.id === polygon.id
             ? settings.rpcEndpoints && settings.rpcEndpoints[1] !== ''
               ? settings.rpcEndpoints[1]
               : `https://polygon-mainnet.alchemyapi.io/v2/${process.env.REACT_APP_ALCHEMY_ID}`
-            : chain.id === bsc.id
-            ? settings.rpcEndpoints && settings.rpcEndpoints[2] !== ''
-              ? settings.rpcEndpoints[2]
-              : `https://bsc-mainnet.alchemyapi.io/v2/${process.env.REACT_APP_ALCHEMY_ID}`
             : 'Unsupported Chain'
       })
     })

src/components/complex/ChainModal/index.jsx

@@ -1,6 +1,6 @@
 import { Fragment, useState, useEffect, useCallback } from 'react'
 import { Row, Col } from 'react-bootstrap'
-import { useChainId, useSwitchNetwork, useAccount } from 'wagmi'
+import { useNetwork, useSwitchNetwork, useAccount } from 'wagmi'
 import { polygon } from 'wagmi/chains'
 import styled from 'styled-components'
 import { FaInfoCircle } from 'react-icons/fa'
@@ -49,7 +49,7 @@ const StyledFaInfoCircle = styled(FaInfoCircle)`
 `
 
 const ChainModal = ({ show, onClose }) => {
-  const activeChainId = useChainId()
+  const activeNetwork = useNetwork()
   const { chains, error: networkError, switchNetwork } = useSwitchNetwork()
   const { connector: activeConnector } = useAccount()
   const [switchingToChain, setSwitchingToChain] = useState(false)
@@ -91,7 +91,7 @@ const ChainModal = ({ show, onClose }) => {
       <div className="p-1">
         {switchNetwork ? (
           chains.map((_chain) => {
-            const isCurrentChain = _chain.id === activeChainId
+            const isCurrentChain = _chain.id === activeNetwork.chain.id
             const switching = _chain.id === switchingToChain
 
             return (
@@ -118,8 +118,7 @@ const ChainModal = ({ show, onClose }) => {
                       <Tooltip
                         placement="bottom"
                         overlayType="popover"
-                        text="The pNetwork DAO v2 is available natively on the Polygon chain, but can be used on other chains in compatibility mode.
-                        Compatibility mode is currently available on the BNB chain and Ethereum."
+                        text="The pNetwork DAO v2 is currently only available on the Polygon chain"
                       >
                         <div>
                           <StyledFaInfoCircle />

src/components/complex/Header/index.jsx

@@ -191,7 +191,7 @@ const CustomConnectButton = () => {
                 if (chain.unsupported) {
                   return (
                     <Button onClick={() => setShowChainModal(true)} type="button">
-                      Wrong network
+                      Switch to Polygon
                     </Button>
                   )
                 }