Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

perf: defi only render current step if active #5476

Merged
merged 10 commits into from
Oct 18, 2023
Merged

perf: defi only render current step if active #5476

Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
ce276fd
wip: walletprovider type narrowing
gomesalexandre Oct 16, 2023
c654e32
feat: cast KKRestAdapter type
gomesalexandre Oct 16, 2023
37d33a5
feat: cast multichain adapter as MetaMaskAdapter
gomesalexandre Oct 16, 2023
628fc0e
feat: rm ts-ignore
gomesalexandre Oct 16, 2023
79707ca
fix: infinite dispatch
gomesalexandre Oct 16, 2023
a6f6b91
feat: rm useless ts-ignore
gomesalexandre Oct 16, 2023
e57f316
wip
woodenfurniture Oct 16, 2023
764ea6b
feat: gm, she compiles again
gomesalexandre Oct 16, 2023
8fbdf90
perf: defi only render current step if active
gomesalexandre Oct 17, 2023
c140e7a
Merge branch 'develop' into feat_lazy_defi_1
0xApotheosis Oct 18, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions src/components/DeFi/components/Steps.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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>
)
})}
Expand Down