perf: defi only render current step if active (#5476)

* wip: walletprovider type narrowing * feat: cast KKRestAdapter type * feat: cast multichain adapter as MetaMaskAdapter * feat: rm ts-ignore * fix: infinite dispatch * feat: rm useless ts-ignore * wip * feat: gm, she compiles again * perf: defi only render current step if active --------- Co-authored-by: woodenfurniture <[email protected]> Co-authored-by: Apotheosis <[email protected]>
shapeshift · Oct 18, 2023 · 7a68ec4 · 7a68ec4
1 parent c790afb
commit 7a68ec4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/DeFi/components/Steps.tsx b/src/components/DeFi/components/Steps.tsx
@@ -49,16 +49,17 @@ export const Steps: React.FC<StepsProps> = ({
             const Step = steps[step as DefiStep]
             if (!Step) return null
             const Component = Step.component
+            const isActive = currentStep === index
             return (
               <StepRow
                 label={Step.label}
                 key={step}
                 description={Step?.description}
                 stepNumber={`${index + 1}`}
                 isComplete={currentStep > index}
-                isActive={currentStep === index}
+                isActive={isActive}
               >
-                <Component onNext={handleNext} {...Step.props} />
+                {isActive && <Component onNext={handleNext} {...Step.props} />}
               </StepRow>
             )
           })}