hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Do not render Animate when not in need

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-04-01 15:22:03 +03:00
parent 71834e9fb2
commit 5a684513fe
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/components/animate/animate.tsx
View File

@ -90,9 +90,13 @@ export class Animate extends React.Component<AnimateProps> {
"--leave-duration": `${leaveDuration}ms`, "--leave-duration": `${leaveDuration}ms`,
} as React.CSSProperties; } as React.CSSProperties;
if (!this.isVisible) {
return null;
}
return React.cloneElement(contentElem, { return React.cloneElement(contentElem, {
className: cssNames("Animate", name, contentElem.props.className, this.statusClassName), className: cssNames("Animate", name, contentElem.props.className, this.statusClassName),
children: this.isVisible ? contentElem.props.children : null, children: contentElem.props.children,
style: { style: {
...contentElem.props.style, ...contentElem.props.style,
...durations, ...durations,