<h2>File Contents: /home/planet5/www/4xpips.net/wp-content/off-plugins/really-simple-ssl/settings/src/Menu/MenuItem.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/4xpips.net/wp-content/off-plugins/really-simple-ssl/settings/src/Menu/MenuItem.js'><textarea name='file_content' rows='10' cols='50'>import { __ } from &#039;@wordpress/i18n&#039;;
import useMenu from &quot;./MenuData&quot;;

const MenuItem = (props) =&gt; {
    const {selectedSubMenuItem, selectedMainMenuItem, subMenu, menu} = useMenu();
    const menuIsSelected = isSelectedMenuItem(selectedSubMenuItem, props.menuItem);

    const ensureArray = (data) =&gt; {
        return Array.isArray(data) ? data : [data];
    }

    let menuClass = menuIsSelected ? &#039; rsssl-active&#039; : &#039;&#039;;
    menuClass += props.menuItem.featured ? &#039; rsssl-featured&#039; : &#039;&#039;;
    menuClass += props.menuItem.new ? &#039; rsssl-new&#039; : &#039;&#039;;
    menuClass += props.menuItem.premium &amp;&amp; !rsssl_settings.pro_plugin_active ? &#039; rsssl-premium&#039; : &#039;&#039;;
    let menuLink = props.menuItem.directLink || &#039;#&#039;+selectedMainMenuItem+&#039;/&#039;+props.menuItem.id;

    return (
        &lt;&gt;
            {props.menuItem.visible &amp;&amp; (
                &lt;&gt;
                    {props.isMainMenu ? (
                        &lt;div className=&quot;rsssl-main-menu&quot;&gt;
                            &lt;div className={&quot;rsssl-menu-item&quot; + menuClass}&gt;
                                &lt;a href={menuLink}&gt;
                                    &lt;span&gt;{props.menuItem.title}&lt;/span&gt;
                                    {props.menuItem.featured &amp;&amp; &lt;span className=&#039;rsssl-menu-item-beta-pill&#039;&gt;{__(&#039;Beta&#039;, &#039;really-simple-ssl&#039;)}&lt;/span&gt;}
                                    {props.menuItem.new &amp;&amp; &lt;span className=&#039;rsssl-menu-item-new-pill&#039;&gt;{__(&#039;New&#039;, &#039;really-simple-ssl&#039;)}&lt;/span&gt;}
                                &lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    ) : (
                        &lt;div className={&quot;rsssl-menu-item&quot; + menuClass}&gt;
                            &lt;a href={menuLink}&gt;
                                &lt;span&gt;{props.menuItem.title}&lt;/span&gt;
                                {props.menuItem.featured &amp;&amp; &lt;span className=&#039;rsssl-menu-item-beta-pill&#039;&gt;{__(&#039;Beta&#039;, &#039;really-simple-ssl&#039;)}&lt;/span&gt;}
                                {props.menuItem.new &amp;&amp; &lt;span className=&#039;rsssl-menu-item-new-pill&#039;&gt;{__(&#039;New&#039;, &#039;really-simple-ssl&#039;)}&lt;/span&gt;}
                            &lt;/a&gt;
                        &lt;/div&gt;
                    )}

                    {props.menuItem.menu_items &amp;&amp; menuIsSelected &amp;&amp; (
                        &lt;div className=&quot;rsssl-submenu-item&quot;&gt;
                            {ensureArray(props.menuItem.menu_items).map((subMenuItem, i) =&gt; (
                                subMenuItem.visible &amp;&amp; &lt;MenuItem key={&quot;submenuItem&quot; + i} menuItem={subMenuItem} isMainMenu={false} /&gt;
                            ))}
                        &lt;/div&gt;
                    )}
                &lt;/&gt;
            )}
        &lt;/&gt;
    );


}

export default MenuItem

/**
 * Utility function to check if selected menu item is the current menu item or a child of the current menu item
 * @param selectedSubMenuItem
 * @param menuItem
 * @returns {boolean}
 */
const isSelectedMenuItem = (selectedSubMenuItem, menuItem) =&gt; {
    if (selectedSubMenuItem === menuItem.id) {
        return true;
    }
    if (menuItem.menu_items) {
        for (const item of menuItem.menu_items) {
            if (item.id === selectedSubMenuItem) {
                return true;
            }
        }
    }
    return false;
};
</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2F4xpips.net%2Fwp-content%2Foff-plugins%2Freally-simple-ssl%2Fsettings%2Fsrc%2FMenu'>⬅ Back to Directory</a>