pushing blocker

Author: lazycoder1

src/components/common/apiCalls/jiffyApis.tsx

@@ -33,6 +33,7 @@ export interface UserOp {
     paymasterAndData: string | null;
     signature: string | null;
     entryPoint: string;
+    block: true;
     erc20Transfers: {
         contractAddress: string;
         from: string;

src/views/userOp/UserOperation.tsx

@@ -138,6 +138,7 @@ function RecentUserOps(props: any) {
     const [duplicateUserOpsRows, setDuplicateUserOpsRows] = useState<tableDataT['rows']>([] as tableDataT['rows']);
     const {data: sessionData} = useSession()
     const sessions = sessionData as unknown as UserInfo;
+    const [block, setBlock] = useState(false);
 
     async function returnUserOpData(hash: string, toast: any) {
         let currentTime = (new Date()).getTime();
@@ -165,6 +166,9 @@ function RecentUserOps(props: any) {
         let rows: tableDataT['rows'] = createDuplicateUserOpsRows(userOps, handleDuplicateRowClick);
         setDuplicateUserOpsRows(rows);
         if (userOps.length > 1) setShowUserOpId(-1);
+        else {
+            if (userOps[0].block) setBlock(true);
+        }
 
         if (userOps[0] && userOps[0].network) {
             setSelectedNetwork(userOps[0].network);
@@ -179,6 +183,7 @@ function RecentUserOps(props: any) {
         setShowUserOpId(id);
     };
 
+
     let prevHash = hash;
     useEffect(() => {
         // Check if hash or network have changed
@@ -258,8 +263,8 @@ function RecentUserOps(props: any) {
                     </div>
                 </div>
             </section>
-            {!session && <Paywall></Paywall>}
-            <div className={`${!session && 'blur'}`}>
+            {block && <Paywall></Paywall>}
+            <div className={`${block && 'blur'}`}>
                 {showUserOpId >= 0 ? (
                     <>
                         <HeaderSection item={userOpsData?.[showUserOpId]} network={network} loading={tableLoading}/>