status-im
/
safe-react
mirror of https://github.com/status-im/safe-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Modifying Stepper Transition to avoid glitches

This commit is contained in:
apanizo 2018-10-03 13:33:20 +02:00
parent ed1e349002
commit d214ca2f67
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Stepper/index.jsx
View File

@ -33,6 +33,13 @@ type PageProps = {
prepareNextInitialProps: (values: Object) => {}, prepareNextInitialProps: (values: Object) => {},
} }
const transitionProps = {
timeout: {
enter: 350,
exit: 0,
},
}
class GnoStepper extends React.PureComponent<Props, State> { class GnoStepper extends React.PureComponent<Props, State> {
static Page = ({ children }: PageProps) => children static Page = ({ children }: PageProps) => children
@ -156,7 +163,7 @@ class GnoStepper extends React.PureComponent<Props, State> {
{steps.map(label => ( {steps.map(label => (
<FormStep key={label}> <FormStep key={label}>
<StepLabel>{label}</StepLabel> <StepLabel>{label}</StepLabel>
<StepContent> <StepContent TransitionProps={transitionProps}>
{activePage(controls, ...rest)} {activePage(controls, ...rest)}
</StepContent> </StepContent>
</FormStep> </FormStep>