From aa1df751bc0f89be7a79d25ec62a09e1fdc43fe8 Mon Sep 17 00:00:00 2001
From: JP <jp@k-f.co>
Date: Mon, 18 Sep 2023 11:19:11 -0500
Subject: [PATCH] approve token fix (#1574)

* fix

* typo and revert env
---
 .../src/components/InvestRedeem/InvestRedeem.tsx     | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx b/centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx
index caf1a0e0ac..c69c072b6d 100644
--- a/centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx
+++ b/centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx
@@ -534,7 +534,11 @@ function InvestForm({ onCancel, hasInvestment, autoFocus, investLabel = 'Invest'
             </Stack>
           </Stack>
         ) : changeOrderFormShown ? (
-          renderInput(() => setChangeOrderFormShown(false))
+          state.needsPoolCurrencyApproval ? (
+            renderInput(onCancel, { onClick: actions.approvePoolCurrency, loading: isApproving })
+          ) : (
+            renderInput(onCancel)
+          )
         ) : hasPendingOrder ? (
           <PendingOrder
             type="invest"
@@ -705,7 +709,11 @@ function RedeemForm({ onCancel, autoFocus }: RedeemFormProps) {
             </Stack>
           </Stack>
         ) : changeOrderFormShown ? (
-          renderInput(() => setChangeOrderFormShown(false))
+          state.needsTrancheTokenApproval ? (
+            renderInput(onCancel, { onClick: actions.approveTrancheToken, loading: isApproving })
+          ) : (
+            renderInput(onCancel)
+          )
         ) : hasPendingOrder ? (
           <PendingOrder
             type="redeem"