Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-06 01:15:28 +02:00
Code Issues Projects Releases Wiki Activity

fix: sidebar update active when navigated via command menu. (#7545)

Browse Source 
Currently, if the location changes, it does not update the active item.
I added useEffect to update the active item.

This is required when the user navigates via the command menu.
This commit is contained in:
Jaanus Sellin 2024-07-05 13:28:00 +03:00 committed by GitHub
parent 51a2b3aa0e
commit 165f02a3a4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/component/layout/MainLayout/NavigationSidebar/NavigationSidebar.tsx
View File

@ -1,5 +1,5 @@
import { Box, styled } from '@mui/material'; import { Box, styled } from '@mui/material';
import { type FC, useState } from 'react'; import { type FC, useState, useEffect } from 'react';
import { useNavigationMode } from './useNavigationMode'; import { useNavigationMode } from './useNavigationMode';
import { ShowAdmin, ShowHide } from './ShowHide'; import { ShowAdmin, ShowHide } from './ShowHide';
import { useRoutes } from './useRoutes'; import { useRoutes } from './useRoutes';
@ -67,6 +67,10 @@ export const NavigationSidebar = () => {
const { lastViewed: lastViewedFlags } = useLastViewedFlags(); const { lastViewed: lastViewedFlags } = useLastViewedFlags();
const showRecentFlags = mode === 'full' && lastViewedFlags.length > 0; const showRecentFlags = mode === 'full' && lastViewedFlags.length > 0;
useEffect(() => {
setActiveItem(initialPathname);
}, [initialPathname]);
return ( return (
<StretchContainer> <StretchContainer>
<NewInUnleash mode={mode} onMiniModeClick={() => setMode('full')} /> <NewInUnleash mode={mode} onMiniModeClick={() => setMode('full')} />