diff --git a/.env b/.env
index 3cd8f18..9f00483 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,5 @@
-REACT_APP_CHAIN_ID="5167003"
-REACT_APP_NETWORK_URL="https://wannsee-rpc.mxc.com"
\ No newline at end of file
+REACT_APP_CHAIN_ID="18686"
+REACT_APP_CHAIN_ID_HEX="0x48fe"
+REACT_APP_CHAIN_NAME="zkEVM Mainnet"
+REACT_APP_CHAIN_EXPLORER="https://explorer.mxc.com/"
+REACT_APP_NETWORK_URL="https://rpc.mxc.com/"
\ No newline at end of file
diff --git a/.env.mainnet b/.env.mainnet
new file mode 100644
index 0000000..9f00483
--- /dev/null
+++ b/.env.mainnet
@@ -0,0 +1,5 @@
+REACT_APP_CHAIN_ID="18686"
+REACT_APP_CHAIN_ID_HEX="0x48fe"
+REACT_APP_CHAIN_NAME="zkEVM Mainnet"
+REACT_APP_CHAIN_EXPLORER="https://explorer.mxc.com/"
+REACT_APP_NETWORK_URL="https://rpc.mxc.com/"
\ No newline at end of file
diff --git a/.env.testnet b/.env.testnet
new file mode 100644
index 0000000..37f7b93
--- /dev/null
+++ b/.env.testnet
@@ -0,0 +1,5 @@
+REACT_APP_CHAIN_ID="5167003"
+REACT_APP_CHAIN_ID_HEX="0x4ed79b"
+REACT_APP_CHAIN_NAME="Wannsee"
+REACT_APP_CHAIN_EXPLORER="https://wannsee-explorer.mxc.com/"
+REACT_APP_NETWORK_URL="https://wannsee-rpc.mxc.com"
diff --git a/.gitignore b/.gitignore
index 8d715af..24d95bf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,4 @@ cypress/videos
cypress/screenshots
cypress/fixtures/example.json
.vercel
+vercel.*
diff --git a/package.json b/package.json
index cf92389..0ce6401 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,9 @@
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"lint": "eslint 'src/**/*.{js,jsx,ts,tsx}'",
- "integration-test": "start-server-and-test 'serve build -l 3000' http://localhost:3000 'cypress run'"
+ "integration-test": "start-server-and-test 'serve build -l 3000' http://localhost:3000 'cypress run'",
+ "vercel:mainnet": "cp vercel.mainnet.json .vercel/project.json && cp .env.mainnet .env && vercel --prod",
+ "vercel:testnet": "cp vercel.testnet.json .vercel/project.json && cp .env.testnet .env && vercel --prod"
},
"eslintConfig": {
"extends": "react-app"
diff --git a/public/index.html b/public/index.html
index b61ee13..36368da 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,8 +1,7 @@
-
+
@@ -27,7 +26,7 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->
- Wannsee Swap
+ MXC Swap
diff --git a/src/components/AccountDetails/index.tsx b/src/components/AccountDetails/index.tsx
index 9f818eb..cb6ce04 100644
--- a/src/components/AccountDetails/index.tsx
+++ b/src/components/AccountDetails/index.tsx
@@ -21,6 +21,7 @@ import Identicon from '../Identicon'
import { ButtonSecondary } from '../Button'
import { ExternalLink as LinkIcon } from 'react-feather'
import { ExternalLink, LinkStyledButton, TYPE } from '../../theme'
+const chainName = process.env.REACT_APP_CHAIN_NAME
const HeaderRow = styled.div`
${({ theme }) => theme.flexRowNoWrap};
@@ -358,7 +359,7 @@ export default function AccountDetails({
href={chainId && getEtherscanLink(chainId, ENSName, 'address')}
>
- View on Wannsee Explorer
+ View on {chainName} Explorer
)}
@@ -380,7 +381,7 @@ export default function AccountDetails({
href={getEtherscanLink(chainId, account, 'address')}
>
- View on Wannsee Explorer
+ View on {chainName} Explorer
)}
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index e260a08..929171d 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -133,7 +133,9 @@ const NETWORK_LABELS: { [chainId in ChainId]: string | null } = {
[ChainId.GÖRLI]: 'Görli',
[ChainId.KOVAN]: 'Kovan',
[ChainId.WANNSEE]: 'Wannsee',
- [ChainId.GANACHE]: 'Ganache'
+ [ChainId.WANNSEEMAINNET]: 'zkEVM Mainnet',
+ [ChainId.GANACHE]: 'Ganache',
+ [ChainId.HARDHAT]: 'Hardhat'
}
export default function Header() {
diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx
index 321a079..e70f638 100644
--- a/src/components/Menu/index.tsx
+++ b/src/components/Menu/index.tsx
@@ -110,7 +110,11 @@ export default function Menu() {
Discord
-