fix lint

coinbase · Jul 16, 2024 · 80fc5a0 · 80fc5a0
1 parent 960449f
commit 80fc5a0
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 12 deletions.
diff --git a/site/docs/components/TransactionWrapper.tsx b/site/docs/components/TransactionWrapper.tsx
@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
 import { useAccount } from 'wagmi';
 import type { Config } from 'wagmi';
+import type { ReactNode } from 'react';
 import type {
   UseSendCallsParameters,
   UseSendCallsReturnType,
@@ -47,11 +47,10 @@ export default function TransactionWrapper({
       functionName: 'safeMint',
       args: [address],
     },
-    ,
   ];
   return (
     <main className="flex flex-col">
-      <div className="flex items-center p-4 bg-white max-w-[450px] rounded-lg">
+      <div className="flex max-w-[450px] items-center rounded-lg bg-white p-4">
         {children({ address, contracts })}
       </div>
     </main>

diff --git a/src/transaction/components/Transaction.tsx b/src/transaction/components/Transaction.tsx
@@ -10,7 +10,7 @@ export function Transaction({
 }: TransactionReact) {
   return (
     <TransactionProvider address={address} contracts={contracts}>
-      <div className={cn(className, 'w-full gap-2 flex flex-col')}>
+      <div className={cn(className, 'flex w-full flex-col gap-2')}>
         {children}
       </div>
     </TransactionProvider>

diff --git a/src/transaction/components/TransactionProvider.tsx b/src/transaction/components/TransactionProvider.tsx
@@ -50,7 +50,7 @@ export function TransactionProvider({
     } catch (err) {
       console.log({ err });
     }
-  }, [contracts, setErrorMessage]);
+  }, [contracts, writeContracts]);
 
   useEffect(() => {
     // TODO: replace with gas estimation call

diff --git a/src/transaction/core/useGetTransactionStatus.tsx b/src/transaction/core/useGetTransactionStatus.tsx
@@ -1,8 +1,9 @@
-import { ReactNode, useMemo } from 'react';
+import { useMemo } from 'react';
 import { useTransactionContext } from '../components/TransactionProvider';
 import { cn, color, text } from '../../styles/theme';
 import { useOnchainKit } from '../../useOnchainKit';
 import { getChainExplorer } from './getChainExplorer';
+import type { ReactNode } from 'react';
 
 export function useGetTransactionStatus() {
   const { errorMessage, isLoading, transactionId } = useTransactionContext();
@@ -12,13 +13,13 @@ export function useGetTransactionStatus() {
     const chainExplorer = getChainExplorer(chain.id);
 
     let actionElement: ReactNode = null;
-    let label;
+    let label: string = '';
     let labelClassName: string = color.foregroundMuted;
 
     if (isLoading) {
       label = 'Transaction in progress...';
       actionElement = (
-        <a>
+        <a href="">
           <span className={cn(text.label1, color.primary)}>
             View on explorer
           </span>
@@ -28,7 +29,11 @@ export function useGetTransactionStatus() {
     if (transactionId) {
       label = 'Successful!';
       actionElement = (
-        <a href={`${chainExplorer}/tx/${transactionId}`} target="_blank">
+        <a
+          href={`${chainExplorer}/tx/${transactionId}`}
+          target="_blank"
+          rel="noreferrer"
+        >
           <span className={cn(text.label1, color.primary)}>
             View transaction
           </span>
@@ -39,7 +44,7 @@ export function useGetTransactionStatus() {
       label = 'Something went wrong. Please try again.';
       labelClassName = color.error;
       actionElement = (
-        <button>
+        <button type="button">
           <span className={cn(text.label1, color.primary)}>Try again</span>
         </button>
       );

diff --git a/src/transaction/core/useWriteContracts.ts b/src/transaction/core/useWriteContracts.ts
@@ -15,7 +15,7 @@ export function useWriteContracts({
       mutation: {
         onError: (e) => {
           if (
-            (e as TransactionExecutionError).cause.name ==
+            (e as TransactionExecutionError).cause.name ===
             'UserRejectedRequestError'
           ) {
             setErrorMessage('User rejected request');

diff --git a/src/transaction/types.ts b/src/transaction/types.ts
@@ -1,6 +1,6 @@
 // 🌲☀🌲
 import type { ReactNode } from 'react';
-import type { Abi, Account, Address, ContractFunctionName, Hex } from 'viem';
+import type { Abi, Address, ContractFunctionName, Hex } from 'viem';
 import type { Config } from 'wagmi';
 import type {
   UseSendCallsParameters,