chore(demos): update chain id settings in demos

nucypher · Apr 10, 2024 · fc1864e · fc1864e
1 parent 6d60ef4
commit fc1864e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/demos/taco-demo/src/App.tsx b/demos/taco-demo/src/App.tsx
@@ -17,6 +17,12 @@ import { Encrypt } from './Encrypt';
 import { Spinner } from './Spinner';
 import { DEFAULT_DOMAIN, DEFAULT_RITUAL_ID } from './config';
 
+const chainIdForDomain = {
+ [domains.DEVNET]: 80002,
+ [domains.TESTNET]: 80002,
+ [domains.MAINNET]: 137,
+};
+
 export default function App() {
  const { activateBrowserWallet, deactivate, account, switchNetwork } =
  useEthers();
@@ -30,18 +36,20 @@ export default function App() {
  const [ritualId, setRitualId] = useState<number>(DEFAULT_RITUAL_ID);
  const [domain, setDomain] = useState<string>(DEFAULT_DOMAIN);
 
+ const chainId = chainIdForDomain[domain];
+
  useEffect(() => {
  initialize();
- switchNetwork(80002);
- }, []);
+ switchNetwork(chainId);
+ }, [chainId]);
 
  const encryptMessage = async (message: string) => {
  if (!condition) {
  return;
  }
  setLoading(true);
 
- await switchNetwork(80002);
+ await switchNetwork(chainId);
 
  const provider = new ethers.providers.Web3Provider(window.ethereum);
  const encryptedMessage = await encrypt(

diff --git a/demos/taco-nft-demo/src/App.tsx b/demos/taco-nft-demo/src/App.tsx
@@ -17,6 +17,12 @@ import { NFTConditionBuilder } from './NFTConditionBuilder';
 import { Spinner } from './Spinner';
 import { DEFAULT_DOMAIN, DEFAULT_RITUAL_ID } from './config';
 
+const chainIdForDomain = {
+ [domains.DEVNET]: 80002,
+ [domains.TESTNET]: 80002,
+ [domains.MAINNET]: 137,
+};
+
 export default function App() {
  const { activateBrowserWallet, deactivate, account, switchNetwork } =
  useEthers();
@@ -30,17 +36,21 @@ export default function App() {
  const [ritualId, setRitualId] = useState<number>(DEFAULT_RITUAL_ID);
  const [domain, setDomain] = useState<string>(DEFAULT_DOMAIN);
 
+ const chainId = chainIdForDomain[domain];
+
  useEffect(() => {
  initialize();
- }, []);
+ switchNetwork(chainId);
+ }, [chainId]);
+
 
  const encryptMessage = async (message: string) => {
  if (!condition) {
  return;
  }
  setLoading(true);
 
- await switchNetwork(80002);
+ await switchNetwork(chainId);
 
  const provider = new ethers.providers.Web3Provider(window.ethereum);
  const encryptedMessage = await encrypt(