open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change tabs to keep all individual tab components in the DOM (#743)

Browse Source
This commit is contained in:
Marshall Polaris 2022-08-11 12:53:42 -07:00 committed by GitHub
parent 99326eb65a
commit daa86fa330
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/layout/tabs.tsx
View File

@ -28,7 +28,6 @@ export function ControlledTabs(props: TabProps & { activeIndex: number }) {
className, className,
currentPageForAnalytics, currentPageForAnalytics,
} = props } = props
const activeTab = tabs[activeIndex] as Tab | undefined // can be undefined in weird case
return ( return (
<> <>
<nav <nav
@ -64,7 +63,11 @@ export function ControlledTabs(props: TabProps & { activeIndex: number }) {
</a> </a>
))} ))}
</nav> </nav>
{activeTab?.content} {tabs.map((tab, i) => (
<div key={i} className={i === activeIndex ? 'block' : 'hidden'}>
{tab.content}
</div>
))}
</> </>
) )
} }