fix(button): button disables to mainnet

Author: kethcode

src/app/[locale]/borrower/market/[address]/components/MarketTransactions/index.tsx

@@ -16,6 +16,7 @@ import {
   setSidebarHighlightState,
 } from "@/store/slices/highlightSidebarSlice/highlightSidebarSlice"
 import { COLORS } from "@/theme/colors"
+import { hasManuallyDisabledMarketActions } from "@/utils/constants"
 import { dayjs } from "@/utils/dayjs"
 import {
   formatBps,
@@ -40,10 +41,12 @@ export const MarketTransactions = ({
   const dispatch = useAppDispatch()
 
   const disableRepay = market.isClosed
-  const disableBorrow =
+  const hideBorrow =
     market.isClosed ||
     market?.isDelinquent ||
     (marketAccount && marketAccount.market.borrowableAssets.raw.isZero())
+  const disableBorrow =
+    hideBorrow || hasManuallyDisabledMarketActions(market.borrower)
 
   const isFixedTerm =
     (market.version === MarketVersion.V1
@@ -256,7 +259,7 @@ export const MarketTransactions = ({
           amount={formatTokenWithCommas(marketAccount.market.borrowableAssets)}
           asset={market.underlyingToken.symbol}
         >
-          {!disableBorrow && (
+          {!hideBorrow && (
             <BorrowModal
               market={market}
               marketAccount={marketAccount}

src/app/[locale]/borrower/market/[address]/components/Modals/BorrowModal/index.tsx

@@ -56,10 +56,14 @@ export const BorrowModal = ({
   }
 
   const handleBorrow = () => {
+    if (disableBorrowBtn) return
+
     modal.setFlowStep(ModalSteps.approved)
   }
 
   const handleConfirm = () => {
+    if (disableBorrowBtn) return
+
     mutate(amount)
   }
 
@@ -105,6 +109,7 @@ export const BorrowModal = ({
   const showForm = !(isPending || showSuccessPopup || showErrorPopup)
 
   const disableBorrow =
+    disableBorrowBtn ||
     market.isClosed ||
     market.borrowableAssets.eq(0) ||
     underlyingBorrowAmount.gt(market.borrowableAssets) ||

src/app/[locale]/lender/market/[address]/components/Modals/DepositModal/index.tsx

@@ -36,7 +36,10 @@ import { useBlockExplorer } from "@/hooks/useBlockExplorer"
 import { useMobileResolution } from "@/hooks/useMobileResolution"
 import { formatDate } from "@/lib/mla"
 import { COLORS } from "@/theme/colors"
-import { isUSDTLikeToken } from "@/utils/constants"
+import {
+  hasManuallyDisabledMarketActions,
+  isUSDTLikeToken,
+} from "@/utils/constants"
 import { SDK_ERRORS_MAPPING } from "@/utils/errors"
 import { formatTokenWithCommas } from "@/utils/formatters"
 
@@ -211,13 +214,18 @@ export const DepositModal = ({
   const depositStep = getDepositStatus().status
 
   const isAllowanceSufficient = marketAccount.isApprovedFor(depositTokenAmount)
+  const marketActionsManuallyDisabled = hasManuallyDisabledMarketActions(
+    market.borrower,
+  )
 
   const handleAmountChange = (evt: ChangeEvent<HTMLInputElement>) => {
     const { value } = evt.target
     setAmount(value)
   }
 
   const handleDeposit = () => {
+    if (marketActionsManuallyDisabled) return
+
     setTxHash("")
     deposit(depositTokenAmount)
   }
@@ -228,6 +236,8 @@ export const DepositModal = ({
   }
 
   const handleApprove = () => {
+    if (marketActionsManuallyDisabled) return
+
     setTxHash("")
 
     if (!isAllowanceSufficient) {
@@ -258,6 +268,7 @@ export const DepositModal = ({
     isUSDTLikeToken(market.underlyingToken.address)
 
   const disableApprove =
+    marketActionsManuallyDisabled ||
     !borrowerLegalName ||
     market.isClosed ||
     depositTokenAmount.raw.isZero() ||
@@ -267,6 +278,7 @@ export const DepositModal = ({
     !Signer.isSigner(market.provider)
 
   const disableDeposit =
+    marketActionsManuallyDisabled ||
     !borrowerLegalName ||
     !!depositError ||
     market.isClosed ||
@@ -742,6 +754,7 @@ export const DepositModal = ({
                 size="large"
                 sx={{ width: "152px" }}
                 disabled={
+                  marketActionsManuallyDisabled ||
                   marketAccount.maximumDeposit.raw.isZero() ||
                   underlyingBalanceIsZero
                 }
@@ -757,6 +770,7 @@ export const DepositModal = ({
             size="large"
             sx={{ width: "152px" }}
             disabled={
+              marketActionsManuallyDisabled ||
               marketAccount.maximumDeposit.raw.isZero() ||
               underlyingBalanceIsZero
             }

src/app/[locale]/lender/market/[address]/components/mobile/MobileMarketActions/index.tsx

@@ -15,6 +15,7 @@ import { TooltipButton } from "@/components/TooltipButton"
 import { useMarketMla } from "@/hooks/useMarketMla"
 import { useNetworkGate } from "@/hooks/useNetworkGate"
 import { COLORS } from "@/theme/colors"
+import { hasManuallyDisabledMarketActions } from "@/utils/constants"
 import { formatTokenWithCommas } from "@/utils/formatters"
 
 export type MobileMarketActionsProps = {
@@ -146,6 +147,9 @@ export const MobileMarketActions = ({
     isTestnet &&
     market.underlyingToken.isMock &&
     marketAccount.underlyingBalance.raw.isZero()
+  const marketActionsManuallyDisabled = hasManuallyDisabledMarketActions(
+    market.borrower,
+  )
 
   const { data: mla } = useMarketMla(market.address)
   const mlaResponse = mla && "noMLA" in mla ? null : mla
@@ -330,7 +334,10 @@ export const MobileMarketActions = ({
                   color="secondary"
                   size="large"
                   fullWidth
-                  disabled={marketAccount.maximumDeposit.raw.isZero()}
+                  disabled={
+                    marketActionsManuallyDisabled ||
+                    marketAccount.maximumDeposit.raw.isZero()
+                  }
                   sx={{ padding: "10px 20px", marginTop: "16px" }}
                 >
                   ↓ {t("lenderMarketDetails.transactions.deposit.button")}

src/utils/constants.ts

@@ -27,6 +27,19 @@ export const EXCLUDED_BORROWERS = shouldShowExcludedMarkets
   ? []
   : ["0x569e7cb1a1c839133012de4adee8361389b0113b"]
 
+// Temporary manual frontend action disable for borrowers going through default handling.
+// "0xdefd11f619847a3a737be1df7f3f80a7a05fb8bc" is dev borrower address for testing
+export const MANUALLY_DISABLED_MARKET_ACTION_BORROWERS = [
+  "0xdefd11f619847a3a737be1df7f3f80a7a05fb8bc",
+  "0x40a42340c7829d1b31eed3860928b4862715e5de",
+]
+
+export const hasManuallyDisabledMarketActions = (borrowerAddress?: string) =>
+  !!borrowerAddress &&
+  MANUALLY_DISABLED_MARKET_ACTION_BORROWERS.includes(
+    borrowerAddress.toLowerCase(),
+  )
+
 export const EXCLUDED_MARKETS_FILTER: SubgraphMarket_Filter[] =
   shouldShowExcludedMarkets
     ? []