Define dedicated flag for deposit cap (#939)

We want to have a dedicated flag (separate from the TVL component) to
decide if we want to show the message about the deposit cap and disable
the deposit button.

dapp/.env.example

@@ -27,6 +27,7 @@ VITE_FEATURE_FLAG_OKX_WALLET_ENABLED="true"
 VITE_FEATURE_FLAG_XVERSE_WALLET_ENABLED="true"
 VITE_FEATURE_FLAG_ACRE_POINTS_ENABLED="true"
 VITE_FEATURE_FLAG_TVL_ENABLED="true"
+VITE_FEATURE_FLAG_DEPOSIT_CAP_ENABLED="true"
 VITE_FEATURE_GATING_DAPP_ENABLED="true"
 VITE_FEATURE_POSTHOG_ENABLED="false"
 VITE_FEATURE_MOBILE_MODE_ENABLED="true"

dapp/src/constants/featureFlags.ts

@@ -12,6 +12,9 @@ const ACRE_POINTS_ENABLED =
 
 const TVL_ENABLED = import.meta.env.VITE_FEATURE_FLAG_TVL_ENABLED === "true"
 
+const DEPOSIT_CAP_ENABLED =
+  import.meta.env.VITE_FEATURE_DEPOSIT_CAP_ENABLED === "true"
+
 const GATING_DAPP_ENABLED =
   import.meta.env.VITE_FEATURE_GATING_DAPP_ENABLED === "true"
 
@@ -26,6 +29,7 @@ const featureFlags = {
   WITHDRAWALS_ENABLED,
   ACRE_POINTS_ENABLED,
   TVL_ENABLED,
+  DEPOSIT_CAP_ENABLED,
   GATING_DAPP_ENABLED,
   POSTHOG_ENABLED,
   MOBILE_MODE_ENABLED,

dapp/src/pages/DashboardPage/PositionDetails.tsx

@@ -99,7 +99,7 @@ export default function PositionDetails() {
               {...buttonStyles}
               onClick={openDepositModal}
               isDisabled={
-                (featureFlags.TVL_ENABLED && tvl.isCapExceeded) ||
+                (featureFlags.DEPOSIT_CAP_ENABLED && tvl.isCapExceeded) ||
                 isDisabledForMobileMode
               }
             >
@@ -130,7 +130,7 @@ export default function PositionDetails() {
             </ArrivingSoonTooltip>
           </UserDataSkeleton>
         )}
-        {featureFlags.TVL_ENABLED && <AcreTVLMessage />}
+        {featureFlags.DEPOSIT_CAP_ENABLED && <AcreTVLMessage />}
       </HStack>
     </Flex>
   )