refactor(features/ui): Avoid useless renders in WrappedSwitch (#5580)
This commit is contained in:
		
							parent
							
								
									763a2f8511
								
							
						
					
					
						commit
						5521e94e24
					
				@ -7,11 +7,19 @@ import BundleColumnError from '../components/bundle_column_error';
 | 
				
			|||||||
import BundleContainer from '../containers/bundle_container';
 | 
					import BundleContainer from '../containers/bundle_container';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// Small wrapper to pass multiColumn to the route components
 | 
					// Small wrapper to pass multiColumn to the route components
 | 
				
			||||||
export const WrappedSwitch = ({ multiColumn, children }) => (
 | 
					export class WrappedSwitch extends React.PureComponent {
 | 
				
			||||||
  <Switch>
 | 
					
 | 
				
			||||||
    {React.Children.map(children, child => React.cloneElement(child, { multiColumn }))}
 | 
					  render () {
 | 
				
			||||||
  </Switch>
 | 
					    const { multiColumn, children } = this.props;
 | 
				
			||||||
);
 | 
					
 | 
				
			||||||
 | 
					    return (
 | 
				
			||||||
 | 
					      <Switch>
 | 
				
			||||||
 | 
					        {React.Children.map(children, child => React.cloneElement(child, { multiColumn }))}
 | 
				
			||||||
 | 
					      </Switch>
 | 
				
			||||||
 | 
					    );
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
WrappedSwitch.propTypes = {
 | 
					WrappedSwitch.propTypes = {
 | 
				
			||||||
  multiColumn: PropTypes.bool,
 | 
					  multiColumn: PropTypes.bool,
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user