From 48fa0b783e37afc87a74084acb5e35f7376f77d4 Mon Sep 17 00:00:00 2001
From: Kevin Peters <kpeters@jumptrading.com>
Date: Tue, 21 Dec 2021 21:33:47 +0000
Subject: [PATCH] bridge_ui: Show checkmark on step 4 when complete

---
 bridge_ui/src/components/NFT/index.tsx      | 4 ++--
 bridge_ui/src/components/Transfer/index.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/bridge_ui/src/components/NFT/index.tsx b/bridge_ui/src/components/NFT/index.tsx
index 29dfc8414..470ea25f0 100644
--- a/bridge_ui/src/components/NFT/index.tsx
+++ b/bridge_ui/src/components/NFT/index.tsx
@@ -72,10 +72,10 @@ function NFT() {
             {activeStep === 2 ? <Send /> : <SendPreview />}
           </StepContent>
         </Step>
-        <Step expanded={activeStep >= 3}>
+        <Step expanded={activeStep >= 3} completed={isRedeemComplete}>
           <StepButton
             onClick={() => dispatch(setStep(3))}
-            disabled={!isSendComplete}
+            disabled={!isSendComplete || isRedeemComplete}
           >
             Redeem NFT
           </StepButton>
diff --git a/bridge_ui/src/components/Transfer/index.tsx b/bridge_ui/src/components/Transfer/index.tsx
index ac57f0d8e..0169e9839 100644
--- a/bridge_ui/src/components/Transfer/index.tsx
+++ b/bridge_ui/src/components/Transfer/index.tsx
@@ -77,10 +77,10 @@ function Transfer() {
             {activeStep === 2 ? <Send /> : <SendPreview />}
           </StepContent>
         </Step>
-        <Step expanded={activeStep >= 3}>
+        <Step expanded={activeStep >= 3} completed={isRedeemComplete}>
           <StepButton
             onClick={() => dispatch(setStep(3))}
-            disabled={!isSendComplete}
+            disabled={!isSendComplete || isRedeemComplete}
           >
             Redeem tokens
           </StepButton>