Build "Show More" menu items only if there are enough

GeotrekCE · Oct 29, 2024 · dd3acb4 · dd3acb4
1 parent 1a33f08
commit dd3acb4
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/src/components/InlineMenu/Menu.tsx b/frontend/src/components/InlineMenu/Menu.tsx
@@ -24,7 +24,10 @@ export const Menu: React.FC<MenuProps> = ({
 }) => {
   const intl = useIntl();
   const items = useMemo(() => {
-    if (menuItems.some(({ children = [] }) => children.length)) {
+    if (
+      menuItems.length < primaryItemsNumber ||
+      menuItems.some(({ children = [] }) => children.length)
+    ) {
       return menuItems;
     }
     // If there are no children, we use "primaryItemsNumber" to split menu with "See More" button