🧑‍💻 Was added the contracts depend of the network

src/constants/constants.ts

@@ -1,6 +1,38 @@
+import meetdAppFactoryJsonMumbai from '@/assets/deployments/mumbai/MeetdAppFactory.json'
+import meetdAppEventJsonMumbai from '@/assets/deployments/mumbai/MeetdAppEvent.json'
+import meetdAppNFTJsonMumbai from '@/assets/deployments/mumbai/MeetdAppNFT.json'
+import meetdAppFactoryJsonPolygon from '@/assets/deployments/polygon/MeetdAppFactory.json'
+import meetdAppEventJsonPolygon from '@/assets/deployments/polygon/MeetdAppEvent.json'
+import meetdAppNFTJsonPolygon from '@/assets/deployments/polygon/MeetdAppNFT.json'
+
+interface ContractsJson {
+	meetdAppFactory:
+		| typeof meetdAppFactoryJsonPolygon
+		| typeof meetdAppFactoryJsonMumbai
+	meetdAppEvent:
+		| typeof meetdAppEventJsonPolygon
+		| typeof meetdAppEventJsonMumbai
+	meetdAppNFT: typeof meetdAppNFTJsonPolygon | typeof meetdAppNFTJsonMumbai
+}
+
 export const CHAINID = process.env.NEXT_PUBLIC_CHAIN_ID
 export const PROVIDER = process.env.NEXT_PUBLIC_ALCHEMY_API_KEY
 export const SCAN = (
 	address: string,
 	scan: string | undefined = process.env.NEXT_PUBLIC_EVM_EXPLORER
 ) => `${scan}/${address}`
+
+export const CONTRACTS_JSON = (): ContractsJson => {
+	if (process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true') {
+		return {
+			meetdAppEvent: meetdAppEventJsonMumbai,
+			meetdAppFactory: meetdAppFactoryJsonMumbai,
+			meetdAppNFT: meetdAppNFTJsonMumbai
+		}
+	}
+	return {
+		meetdAppEvent: meetdAppEventJsonPolygon,
+		meetdAppFactory: meetdAppFactoryJsonPolygon,
+		meetdAppNFT: meetdAppNFTJsonPolygon
+	}
+}

src/pages/events/[id]/index.tsx

@@ -7,8 +7,7 @@ import PreviousEvents from '@/components/events/PreviousEvents'
 import TagsSection from '@/components/events/TagsSection'
 import { Flex, useToast } from '@chakra-ui/react'
 import { useRouter } from 'next/router'
-import MeetdAppFactoryJson from '../../../assets/contracts/MeetdAppFactory.json'
-import MeetdAppEventJson from '../../../assets/contracts/MeetdAppEvent.json'
+import { CONTRACTS_JSON } from '@/constants/constants'
 import { useEffect, useState } from 'react'
 import {
 	MeetdAppEvent,
@@ -40,6 +39,7 @@ import Loader from '@/components/shared/Loader'
 import { useTranslation } from 'react-i18next'
 
 export default function Event(): JSX.Element {
+	const contractsJson = CONTRACTS_JSON()
 	const [attendees, setAttendees] = useState<string[]>([])
 	const [event, setEvent] = useState<Event>(initialEvent)
 	const [hasTicket, setHasTicket] = useState<boolean>(false)
@@ -189,9 +189,14 @@ export default function Event(): JSX.Element {
 			const rpcProvider: ethers.providers.JsonRpcProvider =
 				new ethers.providers.JsonRpcProvider(PROVIDER)
 
+			console.log(
+				'contractsJson.meetdAppFactory.address: ',
+				contractsJson.meetdAppFactory.address
+			)
+
 			const meetdAppFactoryContract: MeetdAppFactory = new ethers.Contract(
-				MeetdAppFactoryJson.address,
-				MeetdAppFactoryJson.abi,
+				contractsJson.meetdAppFactory.address,
+				contractsJson.meetdAppFactory.abi,
 				rpcProvider
 			) as MeetdAppFactory
 
@@ -203,7 +208,7 @@ export default function Event(): JSX.Element {
 
 			const eventContract = new ethers.Contract(
 				eventContractAdress,
-				MeetdAppEventJson.abi,
+				contractsJson.meetdAppEvent.abi,
 				rpcProvider
 			) as MeetdAppEvent
 

src/pages/index.tsx

@@ -3,7 +3,7 @@ import Hero from '@/components/home/Hero'
 import MiddleSections from '@/components/home/MiddleSections'
 import { ethers } from 'ethers'
 import { MeetdAppFactory } from '../../@types/typechain-types'
-import MeetdAppFactoryJson from '../assets/contracts/MeetdAppFactory.json'
+import { CONTRACTS_JSON } from '@/constants/constants'
 import Head from 'next/head'
 import Navbar from '@/components/shared/Navbar'
 import Footer from '@/components/shared/Footer'
@@ -16,13 +16,14 @@ const metadata = {
 }
 
 export default function Home() {
+	const contractsJson = CONTRACTS_JSON()
 	const [isLoading, setIsLoading] = useState<boolean>(true)
 
 	const fetchActiveEvents = async () => {
 		setTimeout(() => {
 			const meetdAppFactoryContract: MeetdAppFactory = new ethers.Contract(
-				MeetdAppFactoryJson.address,
-				MeetdAppFactoryJson.abi,
+				contractsJson.meetdAppFactory.address,
+				contractsJson.meetdAppFactory.abi,
 				new ethers.providers.JsonRpcProvider(PROVIDER)
 			) as MeetdAppFactory