fix reseting setting nav tabs (#422)

This commit is contained in:
Gabe Hernandez 2021-03-09 14:32:12 +00:00 committed by GitHub
parent f90da6a090
commit dbf027c912
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -32,7 +32,7 @@ interface ISettingsWrapperProp {
}
}
const getDefaultTabIndex = (path: string): number => {
const getTabIndex = (path: string): number => {
return settingsSubNav.findIndex((navItem) => {
return navItem.pathname.includes(path);
});
@ -53,10 +53,10 @@ const SettingsWrapper = (props: ISettingsWrapperProp): JSX.Element => {
<div className={baseClass}>
<div className={`${baseClass}__nav-header`}>
<h1>Settings</h1>
<Tabs defaultIndex={getDefaultTabIndex(pathname)} onSelect={i => navigateToNav(i)}>
<Tabs selectedIndex={getTabIndex(pathname)} onSelect={i => navigateToNav(i)}>
<TabList>
{settingsSubNav.map((navItem) => {
return <Tab>{navItem.name}</Tab>;
return <Tab key={navItem.name}>{navItem.name}</Tab>;
})}
</TabList>
</Tabs>