Anons79 Mini Shell

import { useState, useEffect } from 'react';

export default function useOpenSubMenu(navigations) {
    const [openMenuIndex, setOpenMenuIndex] = useState(null);

    useEffect(() => {
        const initialOpenMenuIndex = navigations.reduce((acc, nav, navIdx) => {
            const menuIdx = nav.menu.findIndex(menu => menu.current);
            if (menuIdx !== -1 && nav.menu[menuIdx].subs.length > 0 && navIdx !== 0) {
                // If the current menu is not in the first navigation group and has sub-menus, set the index
                return menuIdx;
            }
            return acc;
        }, null);

        setOpenMenuIndex(initialOpenMenuIndex);
    }, [navigations]);

    const handleMenuClick = (index) => {
        setOpenMenuIndex(prevIndex => (prevIndex === index ? null : index));
    };

    return {
        openMenuIndex,
        handleMenuClick
    };
};