1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-04 01:18:20 +02:00

fix: network tab active state (#6154)

https://linear.app/unleash/issue/UNL-335/network-active-tab-state

Fixes the tab active state in Network by using the new `TabLink`
component.


![image](https://github.com/Unleash/unleash/assets/14320932/d8d4cc1e-9554-4b20-9991-b66e49663ae5)
This commit is contained in:
Nuno Góis 2024-02-07 15:03:44 +00:00 committed by GitHub
parent 59a736f56b
commit cc2ccb1134
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -2,7 +2,7 @@ import { lazy } from 'react';
import { Tab, Tabs } from '@mui/material';
import { Route, Routes, useLocation } from 'react-router-dom';
import { CenteredNavLink } from '../menu/CenteredNavLink';
import { TabLink } from 'component/common/TabNav/TabLink';
import { PageContent } from 'component/common/PageContent/PageContent';
const NetworkOverview = lazy(() => import('./NetworkOverview/NetworkOverview'));
@ -39,9 +39,9 @@ export const Network = () => {
key={label}
value={path}
label={
<CenteredNavLink to={path}>
<TabLink to={path}>
<span>{label}</span>
</CenteredNavLink>
</TabLink>
}
sx={{ padding: 0 }}
/>