pass ownerAccount via props

Author: MananTank

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

@@ -96,7 +96,7 @@ export const ContractEditModulesPage: React.FC<
         installedModules={installedModules}
         refetchModules={() => installedModulesQuery.refetch()}
         contract={contract}
-        isOwnerAccount={isOwner}
+        ownerAccount={isOwner ? account : undefined}
       />
     </div>
   );

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

@@ -4,6 +4,7 @@ import { ScrollShadow } from "@/components/ui/ScrollShadow/ScrollShadow";
 import { Alert, AlertTitle } from "@/components/ui/alert";
 import { CircleSlash } from "lucide-react";
 import type { ContractOptions } from "thirdweb";
+import type { Account } from "thirdweb/wallets";
 import { ModuleCard } from "./module-card";
 
 export const InstalledModulesTable = (props: {
@@ -13,9 +14,9 @@ export const InstalledModulesTable = (props: {
     isPending: boolean;
   };
   refetchModules: () => void;
-  isOwnerAccount: boolean;
+  ownerAccount: Account | undefined;
 }) => {
-  const { installedModules, isOwnerAccount } = props;
+  const { installedModules, ownerAccount } = props;
 
   const sectionTitle = (
     <h2 className="mb-3 font-bold text-2xl tracking-tight">
@@ -48,7 +49,7 @@ export const InstalledModulesTable = (props: {
               moduleAddress={moduleAddress}
               contract={props.contract}
               onRemoveModule={props.refetchModules}
-              isOwnerAccount={isOwnerAccount}
+              ownerAccount={ownerAccount}
             />
           ))}
         </div>

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

@@ -24,21 +24,19 @@ import {
   waitForReceipt,
 } from "thirdweb";
 import { uninstallModuleByProxy } from "thirdweb/modules";
-import { useActiveAccount } from "thirdweb/react";
 import type { Account } from "thirdweb/wallets";
 import { useModuleContractInfo } from "./moduleContractInfo";
 
 type ModuleProps = {
   moduleAddress: string;
   contract: ContractOptions;
   onRemoveModule: () => void;
-  isOwnerAccount: boolean;
+  ownerAccount: Account | undefined;
 };
 
 export function ModuleCard(props: ModuleProps) {
-  const { contract, moduleAddress } = props;
+  const { contract, moduleAddress, ownerAccount } = props;
   const [isUninstallModalOpen, setIsUninstallModalOpen] = useState(false);
-  const account = useActiveAccount();
 
   const contractInfo = useModuleContractInfo(
     getContract({
@@ -76,12 +74,12 @@ export function ModuleCard(props: ModuleProps) {
   });
 
   const handleRemove = async () => {
-    if (!account) {
+    if (!ownerAccount) {
       toast.error("Wallet is not connected");
       return;
     }
 
-    uninstallMutation.mutate(account);
+    uninstallMutation.mutate(ownerAccount);
   };
 
   if (!contractInfo) {
@@ -97,7 +95,7 @@ export function ModuleCard(props: ModuleProps) {
           publisher: contractInfo.publisher,
           version: contractInfo.version,
         }}
-        isOwnerAccount={props.isOwnerAccount}
+        isOwnerAccount={!!ownerAccount}
         uninstallButton={{
           onClick: () => {
             setIsUninstallModalOpen(true);