Project

General

Profile

« Previous | Next » 

Revision 32cedde5

Added by Karolína Małyjurková 4 months ago

Fixes #37067 - closing parent nav should close child nav

View differences:

webpack/assets/javascripts/react_app/components/Layout/Navigation.js
} from '@patternfly/react-core';
import { getCurrentPath } from './LayoutHelper';
import { NavigationSearch } from './NavigationSearch';
import {
useForemanOrganization,
useForemanLocation,
} from '../../Root/Context/ForemanContext';
const titleWithIcon = (title, iconClass) => (
<div>
......
});
});
const currentLocation = useForemanLocation()?.title;
const currentOrganization = useForemanOrganization()?.title;
const groupedItems = useMemo(
() =>
items.map(({ subItems, ...rest }) => {
items.map(({ className, subItems, ...rest }) => {
const groups = [];
let currIndex = 0;
if (subItems.length) {
......
groups.push({ title: sub.title, groupItems: [] });
currIndex++;
} else {
const isCurrentLocation =
className.includes('location-menu') &&
(sub.title === currentLocation ||
(currentLocation === undefined &&
sub.id === 'menu_item_any_location'));
const isCurrentOrganization =
className.includes('organization-menu') &&
(sub.title === currentOrganization ||
(currentOrganization === undefined &&
sub.id === 'menu_item_any_organization'));
groups[currIndex].groupItems.push({
...sub,
isActive: currentPath === sub.href?.split('?')[0],
isActive:
(currentPath && currentPath === sub.href?.split('?')[0]) ||
isCurrentLocation ||
isCurrentOrganization,
});
}
});
}
return { ...rest, groups };
return { ...rest, groups, className };
}),
// eslint-disable-next-line react-hooks/exhaustive-deps
[items, currentPath]
[items, currentPath, currentLocation, currentOrganization]
);
const [currentExpanded, setCurrentExpanded] = useState(

Also available in: Unified diff