From cc2ccb11342c8f7ba55830d468cad83ed32913a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Wed, 7 Feb 2024 15:03:44 +0000
Subject: [PATCH] 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)
---
 frontend/src/component/admin/network/Network.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/admin/network/Network.tsx b/frontend/src/component/admin/network/Network.tsx
index 0400d270aa..bc91d48426 100644
--- a/frontend/src/component/admin/network/Network.tsx
+++ b/frontend/src/component/admin/network/Network.tsx
@@ -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 }}
                             />