diff --git a/desktop/flipper-plugin/src/ui/NUX.tsx b/desktop/flipper-plugin/src/ui/NUX.tsx index 5e2cf9247..5a5f8e74d 100644 --- a/desktop/flipper-plugin/src/ui/NUX.tsx +++ b/desktop/flipper-plugin/src/ui/NUX.tsx @@ -104,7 +104,7 @@ export function NUX({ }, [title, manager, pluginInstance]); return ( - {children} - + ); } +// We force visibility of the badge to invisible if count has dropped, +// otherwise ANT will await animation end, which looks really awkard, see D24918536 +const UnanimatedBadge = styled(Badge)(({count}) => ({ + '.ant-scroll-number-custom-component': { + visibility: count === 0 ? 'hidden' : undefined, + }, +})); + const pulse = keyframes({ '0%': { opacity: 0.2,