1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00

feat: show only link to /admin in mobile menu (#9647)

This commit is contained in:
David Leek 2025-03-31 08:37:15 +02:00 committed by GitHub
parent b55732d719
commit 5a55181561
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 11 deletions

View File

@ -12,6 +12,7 @@ import {
SecondaryNavigation,
SecondaryNavigationList,
AdminSettingsNavigation,
AdminSettingsLink,
} from './NavigationList';
import { FullListItem, MiniListItem } from './ListItems';
import { useInitialPathname } from './useInitialPathname';
@ -35,6 +36,7 @@ export const MobileNavigationSidebar: FC<{
NewInUnleash?: typeof NewInUnleash;
}> = ({ onClick, NewInUnleash }) => {
const { routes } = useRoutes();
const newAdminUIEnabled = useUiFlag('adminNavUI');
return (
<>
@ -45,11 +47,15 @@ export const MobileNavigationSidebar: FC<{
mode='full'
onClick={onClick}
/>
<SecondaryNavigationList
routes={routes.adminRoutes}
mode='full'
onClick={onClick}
/>
{newAdminUIEnabled ? (
<AdminSettingsLink mode={'full'} onClick={onClick} />
) : (
<SecondaryNavigationList
routes={routes.adminRoutes}
mode='full'
onClick={onClick}
/>
)}
<OtherLinksList />
</>
);

View File

@ -1,5 +1,5 @@
import type { VFC } from 'react';
import { Link, useLocation } from 'react-router-dom';
import { Link } from 'react-router-dom';
import { Divider, Drawer, styled } from '@mui/material';
import { ReactComponent as UnleashLogo } from 'assets/img/logoDarkWithText.svg';
import { ReactComponent as UnleashLogoWhite } from 'assets/img/logoWithWhiteText.svg';
@ -8,8 +8,8 @@ import theme from 'themes/theme';
import { ThemeMode } from 'component/common/ThemeMode/ThemeMode';
import { MobileNavigationSidebar } from 'component/layout/MainLayout/NavigationSidebar/NavigationSidebar';
import { NewInUnleash } from 'component/layout/MainLayout/NavigationSidebar/NewInUnleash/NewInUnleash';
import { useUiFlag } from 'hooks/useUiFlag';
import { AdminMobileNavigation } from 'component/layout/MainLayout/AdminMenu/AdminNavigationItems';
import { useNewAdminMenu } from 'hooks/useNewAdminMenu';
const StyledDrawerHeader = styled('div')(({ theme }) => ({
display: 'flex',
@ -33,10 +33,7 @@ export const DrawerMenu: VFC<IDrawerMenuProps> = ({
open = false,
toggleDrawer,
}) => {
const newAdminUIEnabled = useUiFlag('adminNavUI');
const location = useLocation();
const showOnlyAdminMenu =
newAdminUIEnabled && location.pathname.indexOf('/admin') === 0;
const showOnlyAdminMenu = useNewAdminMenu();
const onClick = () => {
toggleDrawer();
};