implemented both erc721 and erc1155

Author: GWSzeto

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Mintable.tsx

@@ -58,14 +58,15 @@ export type MintFormValues = NFTMetadataInputLimited & {
 function MintableModule(props: ModuleInstanceProps) {
   const { contract, ownerAccount } = props;
 
+  const isErc721 = props.contractInfo.name === "MintableERC721";
+
   const primarySaleRecipientQuery = useReadContract(
-    MintableERC721.getSaleConfig,
+    isErc721 ? MintableERC721.getSaleConfig : MintableERC1155.getSaleConfig,
     {
       contract: contract,
     },
   );
 
-  const isErc721 = props.contractInfo.name === "MintableERC721";
   const isBatchMetadataInstalled = !!props.allModuleContractInfo.find(
     (module) => module.name.includes("BatchMetadata"),
   );

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Royalty.tsx

@@ -24,7 +24,7 @@ import { CircleAlertIcon } from "lucide-react";
 import { useCallback } from "react";
 import { useForm } from "react-hook-form";
 import { sendAndConfirmTransaction } from "thirdweb";
-import { RoyaltyERC721 } from "thirdweb/modules";
+import { RoyaltyERC721, RoyaltyERC1155 } from "thirdweb/modules";
 import { useReadContract } from "thirdweb/react";
 import { z } from "zod";
 import { addressSchema } from "../zod-schemas";
@@ -34,14 +34,20 @@ import type { ModuleInstanceProps } from "./module-instance";
 function RoyaltyModule(props: ModuleInstanceProps) {
   const { contract, ownerAccount } = props;
 
+  const isErc721 = props.contractInfo.name === "RoyaltyERC721";
+
   const defaultRoyaltyInfoQuery = useReadContract(
-    RoyaltyERC721.getDefaultRoyaltyInfo,
+    isErc721
+      ? RoyaltyERC721.getDefaultRoyaltyInfo
+      : RoyaltyERC1155.getDefaultRoyaltyInfo,
     {
       contract: contract,
     },
   );
   const transferValidatorQuery = useReadContract(
-    RoyaltyERC721.getTransferValidator,
+    isErc721
+      ? RoyaltyERC721.getTransferValidator
+      : RoyaltyERC1155.getTransferValidator,
     {
       contract: contract,
     },

apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/modules/components/Transferable.tsx

@@ -22,7 +22,7 @@ import { useCallback } from "react";
 import { useFieldArray, useForm } from "react-hook-form";
 import { toast } from "sonner";
 import { sendAndConfirmTransaction } from "thirdweb";
-import { TransferableERC721 } from "thirdweb/modules";
+import { TransferableERC721, TransferableERC1155 } from "thirdweb/modules";
 import { useReadContract } from "thirdweb/react";
 import { z } from "zod";
 import { addressSchema } from "../zod-schemas";
@@ -42,8 +42,13 @@ export type TransferableModuleFormValues = z.infer<typeof formSchema>;
 
 function TransferableModule(props: ModuleInstanceProps) {
   const { contract, ownerAccount } = props;
+
+  const isErc721 = props.contractInfo.name === "TransferableERC721";
+
   const isTransferEnabledQuery = useReadContract(
-    TransferableERC721.isTransferEnabled,
+    isErc721
+      ? TransferableERC721.isTransferEnabled
+      : TransferableERC1155.isTransferEnabled,
     {
       contract,
     },