Fix typo

`transacion` -> `transaction`

src/components/Modal/tBTC/InitiateUnminting.tsx

@@ -30,7 +30,7 @@ import { InlineTokenBalance } from "../../TokenBalance"
 import {
  TransactionDetailsAmountItem,
  TransactionDetailsItem,
-} from "../../TransacionDetails"
+} from "../../TransactionDetails"
 import ModalCloseButton from "../ModalCloseButton"
 import withBaseModal from "../withBaseModal"
 

src/hooks/useAddErc20ToMetamask.ts

@@ -25,7 +25,7 @@ const useAddErc20ToMetamask = (tokenContract?: Contract | null) => {
  }
  // Based on the docs, the result from request should be `boolean` but it
  // returns an object in Chrome. On Firefox browser, this request blocks
- // the MM provider and the dapp can't trigger transacion and fetch
+ // the MM provider and the dapp can't trigger transaction and fetch
  // on-chain data. Also the MM provider doesn't return any result from this
  // request. On Chrome browser, this request returns a result as an object,
  // even if the user does not make any interaction in the MM popup.

src/pages/tBTC/Bridge/DepositDetails.tsx

@@ -70,7 +70,7 @@ import { PageComponent } from "../../../types"
 import { CurveFactoryPoolId, ExternalHref } from "../../../enums"
 import { ExternalPool } from "../../../components/tBTC/ExternalPool"
 import { useFetchExternalPoolData } from "../../../hooks/useFetchExternalPoolData"
-import { TransactionDetailsAmountItem } from "../../../components/TransacionDetails"
+import { TransactionDetailsAmountItem } from "../../../components/TransactionDetails"
 import { BridgeProcessDetailsPageSkeleton } from "./components/BridgeProcessDetailsPageSkeleton"
 
 export const DepositDetails: PageComponent = () => {

src/pages/tBTC/Bridge/UnmintDetails.tsx

@@ -28,7 +28,7 @@ import {
 import {
  TransactionDetailsAmountItem,
  TransactionDetailsItem,
-} from "../../../components/TransacionDetails"
+} from "../../../components/TransactionDetails"
 import { InlineTokenBalance } from "../../../components/TokenBalance"
 import ViewInBlockExplorer, {
  Chain as ViewInBlockExplorerChain,
@@ -260,7 +260,7 @@ export const UnmintDetails: PageComponent = () => {
  {`${time.days}d ${time.hours}h ${time.minutes}m`}
  </BodyLg>
 
- <LabelSm mt="5">Transacion History</LabelSm>
+ <LabelSm mt="5">Transaction History</LabelSm>
  <List mt="6" color="gray.500" spacing="2" mb="20">
  {transactions
  .filter((item) => !!item.txHash)

src/pages/tBTC/Bridge/components/MintingTransactionDetails.tsx

@@ -2,7 +2,7 @@ import { List } from "@threshold-network/components"
 import {
  TransactionDetailsAmountItem,
  TransactionDetailsItem,
-} from "../../../../components/TransacionDetails"
+} from "../../../../components/TransactionDetails"
 import { useTbtcState } from "../../../../hooks/useTbtcState"
 import shortenAddress from "../../../../utils/shortenAddress"
 

src/threshold-ts/tbtc/index.ts

@@ -1028,10 +1028,10 @@ export class TBTC implements ITBTC {
  }
 
  getBitcoinTransaction = async (
- transacionHash: string
+ transactionHash: string
  ): Promise<BitcoinTransaction> => {
  return this._bitcoinClient.getTransaction(
- TransactionHash.from(transacionHash)
+ TransactionHash.from(transactionHash)
  )
  }
 

src/threshold-ts/utils/bitcoin.ts

@@ -40,7 +40,7 @@ export const isPayToScriptHashTypeAddress = (address: string): boolean => {
  * Bitcoin transaction hash is stored on Ethereum in native Bitcoin
  * little-endian format but to get the confirmations for this transaction we
  * need to reverse its hash.
- * @param {string} txHash Transacion hash as string.
+ * @param {string} txHash Transaction hash as string.
  * @return {TransactionHash} Reversed transaction hash.
  */
 export const reverseTxHash = (txHash: string): TransactionHash => {