support creation of v1 quest chains

quest-chains · Aug 15, 2022 · a716d09 · a716d09
1 parent 7a47537
commit a716d09
Show file tree

Hide file tree

Showing 77 changed files with 14,838 additions and 15 deletions.
diff --git a/pages/create.tsx b/pages/create.tsx
@@ -8,6 +8,7 @@ import {
   VStack,
 } from '@chakra-ui/react';
 import { Signer } from 'ethers';
+import { randomBytes } from 'ethers/lib/utils';
 import { InferGetStaticPropsType } from 'next';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
@@ -25,7 +26,8 @@ import NFTMetadataForm from '@/components/CreateChain/NFTMetadataForm';
 import { QuestChainTile } from '@/components/QuestChainTile';
 import { getGlobalInfo } from '@/graphql/globalInfo';
 import { useLatestCreatedQuestChainsDataForAllChains } from '@/hooks/useLatestCreatedQuestChainsDataForAllChains';
-import { QuestChainFactory, QuestChainFactory__factory } from '@/types/v0';
+import { QuestChainFactory, QuestChainFactory__factory } from '@/types/v1';
+import { QuestChainCommons } from '@/types/v1/contracts/QuestChainFactory';
 import { awaitQuestChainAddress, waitUntilBlock } from '@/utils/graphHelpers';
 import { handleError, handleTxLoading } from '@/utils/helpers';
 import { isSupportedNetwork, useWallet } from '@/web3';
@@ -35,7 +37,7 @@ type Props = InferGetStaticPropsType<typeof getStaticProps>;
 const Create: React.FC<Props> = ({ globalInfo }) => {
   const router = useRouter();
 
-  const { provider, chainId } = useWallet();
+  const { address, provider, chainId } = useWallet();
 
   const factoryContract: QuestChainFactory | undefined = useMemo(() => {
     if (!isSupportedNetwork(chainId)) return;
@@ -71,19 +73,29 @@ const Create: React.FC<Props> = ({ globalInfo }) => {
       editorAddresses,
       reviewerAddresses,
     }: RolesFormValues) => {
-      if (!chainId || !isSupportedNetwork(chainId) || !factoryContract) return;
+      if (
+        !address ||
+        !chainId ||
+        !isSupportedNetwork(chainId) ||
+        !factoryContract
+      )
+        return;
 
       let tid = toast.loading(
         'Waiting for Confirmation - Confirm the transaction in your Wallet',
       );
       try {
-        const tx = await factoryContract.createWithRoles(
-          chainUri,
-          nftUri,
-          adminAddresses,
-          editorAddresses,
-          reviewerAddresses,
-        );
+        const info: QuestChainCommons.QuestChainInfoStruct = {
+          details: chainUri,
+          tokenURI: nftUri,
+          owners: [address],
+          admins: adminAddresses,
+          editors: editorAddresses,
+          reviewers: reviewerAddresses,
+          quests: [],
+          paused: false,
+        };
+        const tx = await factoryContract.create(info, randomBytes(32));
         toast.dismiss(tid);
         tid = handleTxLoading(tx.hash, chainId);
         const receipt = await tx.wait(1);
@@ -100,9 +112,9 @@ const Create: React.FC<Props> = ({ globalInfo }) => {
         setNFTUri('');
         setStep(0);
 
-        const address = await awaitQuestChainAddress(receipt);
-        if (address) {
-          router.push(`/chain/${chainId}/${address}`);
+        const questChainAddress = await awaitQuestChainAddress(receipt);
+        if (questChainAddress) {
+          router.push(`/chain/${chainId}/${questChainAddress}`);
         } else {
           setShowForm(false);
           setTimeout(() => setShowForm(true), 50);
@@ -112,7 +124,7 @@ const Create: React.FC<Props> = ({ globalInfo }) => {
         handleError(error);
       }
     },
-    [chainId, factoryContract, router, chainUri, nftUri],
+    [address, chainId, factoryContract, router, chainUri, nftUri],
   );
 
   const [show3DBeta, setShow3DBeta] = useState(false);