perf: unmount hidden team list tab

This commit is contained in:
777genius 2026-05-29 15:37:12 +03:00
parent 0c6bf5dd33
commit 32b7bc3386

View file

@ -86,6 +86,7 @@ const PaneLazyFallback = (): React.JSX.Element => {
const PaneTabSlot = ({ tab, isActive, isPaneFocused }: PaneTabSlotProps): React.JSX.Element => {
const [hasActivated, setHasActivated] = useState(isActive);
const shouldRenderContent = hasActivated && (tab.type !== 'teams' || isActive);
useEffect(() => {
if (isActive) {
@ -95,7 +96,7 @@ const PaneTabSlot = ({ tab, isActive, isPaneFocused }: PaneTabSlotProps): React.
return (
<div className="absolute inset-0 flex" style={{ display: isActive ? 'flex' : 'none' }}>
{hasActivated && (
{shouldRenderContent && (
<Suspense fallback={<PaneLazyFallback />}>
{tab.type === 'dashboard' && <DashboardView />}
{tab.type === 'notifications' && <NotificationsView />}