Migrate to Lens v3

Author: bigint

apps/web/src/components/Settings/Manager/AccountManager/AddAccountManager.tsx

@@ -6,12 +6,14 @@ import { Errors } from "@hey/data/errors";
 import selfFundedTransactionData from "@hey/helpers/selfFundedTransactionData";
 import sponsoredTransactionData from "@hey/helpers/sponsoredTransactionData";
 import { useAddAccountManagerMutation } from "@hey/indexer";
+import { OptmisticTransactionType } from "@hey/types/enums";
 import { Button } from "@hey/ui";
 import type { Dispatch, FC, SetStateAction } from "react";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { useAccountStatus } from "src/store/non-persisted/useAccountStatus";
 import { useAccountStore } from "src/store/persisted/useAccountStore";
+import { addSimpleOptimisticTransaction } from "src/store/persisted/useTransactionStore";
 import { isAddress } from "viem";
 import { sendEip712Transaction, sendTransaction } from "viem/zksync";
 import { useWalletClient } from "wagmi";
@@ -38,7 +40,10 @@ const AddAccountManager: FC<AddAccountManagerProps> = ({
   const onCompleted = (hash: string) => {
     setIsLoading(false);
     setShowAddManagerModal(false);
-    toast.success(hash);
+    addSimpleOptimisticTransaction(
+      hash,
+      OptmisticTransactionType.AddAccountManager
+    );
     toast.success("Account manager added");
   };
 

apps/web/src/components/Settings/Manager/AccountManager/Managers/List.tsx

@@ -13,13 +13,15 @@ import {
   useAccountManagersQuery,
   useRemoveAccountManagerMutation
 } from "@hey/indexer";
+import { OptmisticTransactionType } from "@hey/types/enums";
 import { Button, EmptyState, ErrorMessage } from "@hey/ui";
 import type { FC } from "react";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { Virtuoso } from "react-virtuoso";
 import { useAccountStatus } from "src/store/non-persisted/useAccountStatus";
 import { useAccountStore } from "src/store/persisted/useAccountStore";
+import { addSimpleOptimisticTransaction } from "src/store/persisted/useTransactionStore";
 import { sendEip712Transaction, sendTransaction } from "viem/zksync";
 import { useWalletClient } from "wagmi";
 
@@ -52,7 +54,10 @@ const List: FC = () => {
   const onCompleted = (hash: string) => {
     setRemovingAddress(null);
     updateCache(hash);
-    toast.success(hash);
+    addSimpleOptimisticTransaction(
+      hash,
+      OptmisticTransactionType.RemoveAccountManager
+    );
     toast.success("Manager removed successfully");
   };