lint

Author: gregfromstl

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/swap/ConfirmationScreen.tsx

@@ -23,9 +23,9 @@ import { StyledDiv } from "../../../../design-system/elements.js";
 import type { ERC20OrNativeToken } from "../../nativeToken.js";
 import { Step } from "../Stepper.js";
 import type { PayerInfo } from "../types.js";
+import { ErrorText } from "./ErrorText.js";
 import { SwapSummary } from "./SwapSummary.js";
 import { addPendingTx } from "./pendingSwapTx.js";
-import { ErrorText } from "./ErrorText.js";
 
 /**
  * @internal
@@ -66,7 +66,7 @@ export function SwapConfirmationScreen(props: {
   const receiver = props.quote.swapDetails.toAddress;
   const sender = props.quote.swapDetails.fromAddress;
 
-  const uiErrorMessgae = useMemo(() => {
+  const uiErrorMessage = useMemo(() => {
     if (step === "approval" && status === "error" && error) {
       if (error.toLowerCase().includes("user rejected")) {
         return {
@@ -160,11 +160,11 @@ export function SwapConfirmationScreen(props: {
         </>
       )}
 
-      {uiErrorMessgae && (
+      {uiErrorMessage && (
         <>
           <ErrorText
-            title={uiErrorMessgae.title}
-            message={uiErrorMessgae.message}
+            title={uiErrorMessage.title}
+            message={uiErrorMessage.message}
           />
           <Spacer y="md" />
         </>

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/swap/TransferConfirmationScreen.tsx

@@ -34,8 +34,8 @@ import { type ERC20OrNativeToken, isNativeToken } from "../../nativeToken.js";
 import { Step } from "../Stepper.js";
 import type { PayerInfo } from "../types.js";
 import { ConnectorLine } from "./ConfirmationScreen.js";
-import { SwapSummary } from "./SwapSummary.js";
 import { ErrorText } from "./ErrorText.js";
+import { SwapSummary } from "./SwapSummary.js";
 
 type TransferConfirmationScreenProps = {
   title: string;
@@ -110,7 +110,7 @@ export function TransferConfirmationScreen(
     refetchInterval: 30 * 1000,
   });
 
-  const uiErrorMessgae = useMemo(() => {
+  const uiErrorMessage = useMemo(() => {
     if (step === "approve" && status.id === "error" && status.error) {
       if (status.error.toLowerCase().includes("user rejected")) {
         return {
@@ -227,11 +227,11 @@ export function TransferConfirmationScreen(
         </>
       )}
 
-      {uiErrorMessgae && (
+      {uiErrorMessage && (
         <>
           <ErrorText
-            title={uiErrorMessgae.title}
-            message={uiErrorMessgae.message}
+            title={uiErrorMessage.title}
+            message={uiErrorMessage.message}
           />
           <Spacer y="md" />
         </>