fix(frontend): fix creation allowance check for connected addresses (#…

…451) * fix(frontend): fix creation allowance check for connected addresses * chore: add changeset * fix(frontend): add creator to enabled check in use is creator allowed --------- Co-authored-by: luzzifoss <fedeluzzi00@gmail.com>
carrot-kpi · Oct 23, 2023 · e838ea3 · e838ea3
1 parent ed8c198
commit e838ea3
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 24 deletions.
diff --git a/.changeset/angry-horses-cough.md b/.changeset/angry-horses-cough.md
@@ -0,0 +1,5 @@
+---
+"@carrot-kpi/host-frontend": patch
+---
+
+Fix creation allowance check for connected address while creating campaign
diff --git a/packages/frontend/src/hooks/useIsCreatorAllowed.ts b/packages/frontend/src/hooks/useIsCreatorAllowed.ts
@@ -0,0 +1,30 @@
+import type { Address } from "viem";
+import { useChainId, useContractReads } from "wagmi";
+import { CHAIN_ADDRESSES, FACTORY_ABI, ChainId } from "@carrot-kpi/sdk";
+
+export const useIsCreatorAllowed = (creator?: Address) => {
+    const chainId = useChainId();
+
+    const factoryAddress = CHAIN_ADDRESSES[chainId as ChainId].factory;
+    const { data, isLoading } = useContractReads({
+        contracts: [
+            {
+                address: factoryAddress,
+                abi: FACTORY_ABI,
+                functionName: "permissionless",
+            },
+            {
+                address: factoryAddress,
+                abi: FACTORY_ABI,
+                functionName: "creatorAllowed",
+                args: [creator as Address],
+            },
+        ],
+        enabled: !!creator && chainId in ChainId,
+    });
+
+    return {
+        loading: isLoading,
+        allowed: !!(data?.[0].result || data?.[1].result),
+    };
+};
diff --git a/packages/frontend/src/pages/create-with-template-id/index.tsx b/packages/frontend/src/pages/create-with-template-id/index.tsx
@@ -6,27 +6,16 @@ import {
 } from "@carrot-kpi/react";
 import { useLocation, useNavigate, useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
-import {
-    useAccount,
-    useNetwork,
-    usePublicClient,
-    type Address,
-    useContractRead,
-} from "wagmi";
-import {
-    CHAIN_ADDRESSES,
-    ChainId,
-    FACTORY_ABI,
-    Fetcher,
-    ResolvedTemplate,
-} from "@carrot-kpi/sdk";
+import { useAccount, useNetwork, usePublicClient } from "wagmi";
+import { Fetcher, ResolvedTemplate } from "@carrot-kpi/sdk";
 import { ErrorFeedback, Loader } from "@carrot-kpi/ui";
 import { useAddTransaction } from "../../hooks/useAddTransaction";
 import { Authenticate } from "../../components/authenticate";
 import { useIsPinningProxyAuthenticated } from "../../hooks/useIsPinningProxyAuthenticated";
 import { useInvalidateLatestKPITokens } from "../../hooks/useInvalidateLatestKPITokens";
 import { Layout } from "../../components/layout";
 import { Permissioned } from "../../components/permissioned";
+import { useIsCreatorAllowed } from "../../hooks/useIsCreatorAllowed";
 
 export const CreateWithTemplateId = () => {
     const { i18n, t } = useTranslation();
@@ -48,6 +37,9 @@ export const CreateWithTemplateId = () => {
     const [formKey, setFormKey] = useState(0);
     const pinningProxyAuthenticated = useIsPinningProxyAuthenticated();
 
+    const { allowed: creatorAllowed, loading: loadingPermission } =
+        useIsCreatorAllowed(address);
+
     // every time the chain or the connected address changes,
     // reset the creation form state
     useEffect(() => {
@@ -124,15 +116,6 @@ export const CreateWithTemplateId = () => {
         templateId,
     ]);
 
-    const { data: creatorAllowed, isLoading: loadingCreatorAllowed } =
-        useContractRead({
-            address: CHAIN_ADDRESSES[chain?.id as ChainId].factory,
-            abi: FACTORY_ABI,
-            functionName: "creatorAllowed",
-            args: [address as Address],
-            enabled: !!chain?.id && !!address,
-        });
-
     const handleCreate = useCallback(() => {
         invalidateLatestKPITokens();
     }, [invalidateLatestKPITokens]);
@@ -144,7 +127,7 @@ export const CreateWithTemplateId = () => {
     return (
         <Layout navbarBgColor="green" noMarquee>
             <div className="h-screen flex-grow bg-grid-light bg-left-top bg-green">
-                {loading || loadingCreatorAllowed ? (
+                {loading || loadingPermission ? (
                     <div className="py-20 text-black flex justify-center">
                         <Loader />
                     </div>