Merge branch 'main' into main-cleanup

.env.example

@@ -0,0 +1,20 @@
+REACT_APP_SUPPORTED_CHAIN_ID=1337
+REACT_APP_ETH_HOSTNAME_HTTP=http://localhost:8545
+REACT_APP_ETH_HOSTNAME_WS=ws://localhost:8545
+REACT_APP_MULTICALL_ADDRESS=$MULTICALL_ADDRESS
+REACT_APP_DAPP_DEVELOPMENT_TESTNET_CONTRACTS=$DAPP_DEVELOPMENT_TESTNET_CONTRACTS
+
+REACT_APP_FEATURE_FLAG_TBTC_V2=true
+REACT_APP_FEATURE_FLAG_TBTC_V2_REDEMPTION=true
+REACT_APP_FEATURE_FLAG_MULTI_APP_STAKING=true
+REACT_APP_FEATURE_FLAG_POSTHOG=false
+REACT_APP_FEATURE_FLAG_SENTRY=$SENTRY_SUPPORT
+REACT_APP_FEATURE_FLAG_LEDGER_LIVE=true
+REACT_APP_SENTRY_DSN=$SENTRY_DSN
+
+REACT_APP_ELECTRUM_PROTOCOL=$ELECTRUM_PROTOCOL
+REACT_APP_ELECTRUM_HOST=$ELECTRUM_HOST
+REACT_APP_ELECTRUM_PORT=$ELECTRUM_PORT
+REACT_APP_MOCK_BITCOIN_CLIENT=true
+
+REACT_APP_WALLET_CONNECT_PROJECT_ID=$WALLET_CONNECT_PROJECT_ID

.gitignore

@@ -21,3 +21,5 @@ cypress/plugins
 # Yarn
 node_modules/
 yarn-error.log
+
+.env

src/App.tsx

@@ -41,9 +41,6 @@ import {
 import { useSentry } from "./hooks/sentry"
 
 const Web3EventHandlerComponent = () => {
-  useSubscribeToERC20TransferEvent(Token.Keep)
-  useSubscribeToERC20TransferEvent(Token.Nu)
-  useSubscribeToERC20TransferEvent(Token.T)
   useSubscribeToERC20TransferEvent(Token.TBTCV2)
   useSubscribeToDepositRevealedEvent()
   useSubscribeToOptimisticMintingFinalizedEvent()

src/components/Forms/index.ts

@@ -1,4 +1,3 @@
-export * from "./TokenAmountForm"
 export * from "./Form"
 export * from "./FormikInput"
 export * from "./FormikTokenBalanceInput"

src/components/Link/index.tsx

@@ -47,6 +47,4 @@ const Link: FC<LinkProps> = forwardRef(
   }
 )
 
-export * from "./SharedLinks"
-
 export default Link

src/components/TokenBalance.tsx

@@ -1,4 +1,4 @@
-import { ComponentType, FC, useMemo } from "react"
+import { FC, useMemo } from "react"
 import {
   BodyLg,
   BodySm,
@@ -10,11 +10,9 @@ import {
   useColorModeValue,
   Tooltip,
   BoxProps,
-  Icon,
 } from "@threshold-network/components"
 import { useWeb3React } from "@web3-react/core"
 import { formatTokenAmount } from "../utils/formatAmount"
-import tokenIconMap, { TokenIcon } from "../static/icons/tokenIconMap"
 
 export interface TokenBalanceProps {
   tokenAmount: string | number
@@ -23,8 +21,6 @@ export interface TokenBalanceProps {
   withUSDBalance?: boolean
   withSymbol?: boolean
   tokenDecimals?: number
-  icon?: TokenIcon | ComponentType
-  iconSize?: string
   isLarge?: boolean
   tokenFormat?: string
   withHigherPrecision?: boolean
@@ -86,8 +82,6 @@ const TokenBalance: FC<TokenBalanceProps & TextProps> = ({
   withUSDBalance = false,
   withSymbol = false,
   tokenDecimals,
-  icon,
-  iconSize = "32px",
   isLarge,
   tokenFormat,
   precision,
@@ -110,12 +104,6 @@ const TokenBalance: FC<TokenBalanceProps & TextProps> = ({
   return (
     <Box>
       <HStack alignItems="center">
-        {icon && (
-          <Icon
-            as={tokenIconMap[icon as TokenIcon] ?? icon}
-            boxSize={iconSize}
-          />
-        )}{" "}
         <BalanceTag {...restProps}>
           {shouldRenderTokenAmount ? (
             withHigherPrecision ? (

src/components/TokenBalanceCard/index.tsx

@@ -1,15 +1,12 @@
 import { FC } from "react"
 import { Token } from "../../enums"
 import TokenBalanceCardTemplate from "./TokenBalanceCardTemplate"
-import KeepCircleBrand from "../../static/icons/KeepCircleBrand"
-import NuCircleBrand from "../../static/icons/NuCircleBrand"
-import T from "../../static/icons/Ttoken"
 import { useToken } from "../../hooks/useToken"
 import { tBTCFillBlack } from "../../static/icons/tBTCFillBlack"
 import { TokenBalanceProps } from "../TokenBalance"
 
 export type TokenBalanceCardProps = {
-  token: Exclude<Token, Token.TBTC>
+  token: Extract<Token, Token.TBTCV2>
   title?: string | JSX.Element
   tokenSymbol?: string
   withSymbol?: boolean
@@ -19,9 +16,6 @@ export type TokenBalanceCardProps = {
 >
 
 const tokenToIconMap = {
-  [Token.Keep]: KeepCircleBrand,
-  [Token.Nu]: NuCircleBrand,
-  [Token.T]: T,
   [Token.TBTCV2]: tBTCFillBlack,
 }