disable cancel

centrifuge · Sep 18, 2023 · 8a02615 · 8a02615
1 parent f82315c
commit 8a02615
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 10 deletions.
diff --git a/centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx b/centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx
@@ -830,16 +830,18 @@ const PendingOrder: React.FC<{
             <AnchorTextLink href="https://docs.centrifuge.io/learn/epoch/">Learn more</AnchorTextLink>
           </Text>
         </Stack>
-        <Grid gap="1px" columns={state.canChangeOrder ? 2 : 1} equalColumns>
-          <LightButton type="button" onClick={onCancelOrder} disabled={isCancelling || calculatingOrders}>
-            {isCancelling ? (
-              <Spinner size="iconSmall" />
-            ) : (
-              <Text variant="body2" color="inherit">
-                Cancel
-              </Text>
-            )}
-          </LightButton>
+        <Grid gap="1px" columns={state.canChangeOrder && state.canCancelOrder ? 2 : 1} equalColumns>
+          {state.canCancelOrder && (
+            <LightButton type="button" onClick={onCancelOrder} disabled={isCancelling || calculatingOrders}>
+              {isCancelling ? (
+                <Spinner size="iconSmall" />
+              ) : (
+                <Text variant="body2" color="inherit">
+                  Cancel
+                </Text>
+              )}
+            </LightButton>
+          )}
           {state.canChangeOrder && (
             <LightButton type="button" onClick={onChangeOrder} disabled={isCancelling || calculatingOrders}>
               <Text variant="body2" color="inherit">

diff --git a/centrifuge-app/src/components/InvestRedeem/InvestRedeemCentrifugeProvider.tsx b/centrifuge-app/src/components/InvestRedeem/InvestRedeemCentrifugeProvider.tsx
@@ -116,6 +116,7 @@ export function InvestRedeemCentrifugeProvider({ poolId, trancheId, children }:
     needsPoolCurrencyApproval: () => false,
     needsTrancheTokenApproval: () => false,
     canChangeOrder: true,
+    canCancelOrder: true,
     pendingAction,
     pendingTransaction,
   }

diff --git a/centrifuge-app/src/components/InvestRedeem/InvestRedeemLiquidityPoolsProvider.tsx b/centrifuge-app/src/components/InvestRedeem/InvestRedeemLiquidityPoolsProvider.tsx
@@ -163,6 +163,7 @@ export function InvestRedeemLiquidityPoolsProvider({ poolId, trancheId, children
         ? lpInvest.managerTrancheTokenAllowance.toFloat() < amount && !lpInvest.trancheTokenSupportsPermit
         : false,
     canChangeOrder: false,
+    canCancelOrder: false,
     pendingAction,
     pendingTransaction,
     statusMessage: undefined,

diff --git a/centrifuge-app/src/components/InvestRedeem/InvestRedeemTinlakeProvider.tsx b/centrifuge-app/src/components/InvestRedeem/InvestRedeemTinlakeProvider.tsx
@@ -126,6 +126,7 @@ export function InvestRedeemTinlakeProvider({ poolId, trancheId, children }: Pro
     needsPoolCurrencyApproval: () => !!trancheInvestment?.poolCurrencyAllowance.isZero(),
     needsTrancheTokenApproval: () => !!trancheInvestment?.tokenAllowance.isZero(),
     canChangeOrder: true,
+    canCancelOrder: true,
     pendingAction,
     pendingTransaction,
   }

diff --git a/centrifuge-app/src/components/InvestRedeem/types.ts b/centrifuge-app/src/components/InvestRedeem/types.ts
@@ -48,6 +48,7 @@ export type InvestRedeemState = {
   needsPoolCurrencyApproval: (amount: number) => boolean
   needsTrancheTokenApproval: (amount: number) => boolean
   canChangeOrder: boolean
+  canCancelOrder: boolean
   pendingAction?: InvestRedeemAction | null
   pendingTransaction?: Transaction | null
   statusMessage?: string