Unmount component when fading out to reset its state, such as search..

This commit is contained in:
Johannes Schill 2018-12-10 15:51:41 +01:00
parent 74b3a509f7
commit 6ac8f5c7a5
2 changed files with 3 additions and 2 deletions

View File

@ -5,6 +5,7 @@ interface Props {
duration: number;
children: JSX.Element;
in: boolean;
unmountOnExit?: boolean;
}
export const FadeIn: SFC<Props> = props => {
@ -21,7 +22,7 @@ export const FadeIn: SFC<Props> = props => {
};
return (
<Transition in={props.in} timeout={props.duration}>
<Transition in={props.in} timeout={props.duration} unmountOnExit={props.unmountOnExit || false}>
{state => (
<div
style={{

View File

@ -117,7 +117,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
</div>
<div className="panel-editor__scroll">
<CustomScrollbar autoHide={false}>
<FadeIn in={isOpen} duration={200}>
<FadeIn in={isOpen} duration={200} unmountOnExit={true}>
<div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div>
</FadeIn>
<div className="panel-editor__content">