forked from cybrespace/mastodon
		
	fix: Rerender Bundle on route change (#4120)
This commit is contained in:
		
							parent
							
								
									46f5d3a2e9
								
							
						
					
					
						commit
						91cacb1e8f
					
				
					 1 changed files with 2 additions and 10 deletions
				
			
		| 
						 | 
					@ -31,13 +31,11 @@ export class WrappedRoute extends React.Component {
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  renderComponent = ({ match }) => {
 | 
					  renderComponent = ({ match }) => {
 | 
				
			||||||
    this.match = match; // Needed for this.renderBundle
 | 
					    const { component, content, multiColumn } = this.props;
 | 
				
			||||||
 | 
					 | 
				
			||||||
    const { component } = this.props;
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
    return (
 | 
					    return (
 | 
				
			||||||
      <BundleContainer fetchComponent={component} loading={this.renderLoading} error={this.renderError}>
 | 
					      <BundleContainer fetchComponent={component} loading={this.renderLoading} error={this.renderError}>
 | 
				
			||||||
        {this.renderBundle}
 | 
					        {Component => <Component params={match.params} multiColumn={multiColumn}>{content}</Component>}
 | 
				
			||||||
      </BundleContainer>
 | 
					      </BundleContainer>
 | 
				
			||||||
    );
 | 
					    );
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
| 
						 | 
					@ -50,12 +48,6 @@ export class WrappedRoute extends React.Component {
 | 
				
			||||||
    return <BundleColumnError {...props} />;
 | 
					    return <BundleColumnError {...props} />;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  renderBundle = (Component) => {
 | 
					 | 
				
			||||||
    const { match: { params }, props: { content, multiColumn } } = this;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    return <Component params={params} multiColumn={multiColumn}>{content}</Component>;
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  render () {
 | 
					  render () {
 | 
				
			||||||
    const { component: Component, content, ...rest } = this.props;
 | 
					    const { component: Component, content, ...rest } = this.props;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue