Root Explorer PHP

Editing: HasSidebar.js

import LoginButton from '../../components/Loginbutton'
import { useUserStore } from '../../state/User'
import { useState, useEffect } from '@wordpress/element'
// import { useGlobalStore } from '../../state/GlobalState'
// import { __ } from '@wordpress/i18n'
// import { useTemplatesStore } from '../../state/Templates'

export default function HasSidebar({ children }) {
    const apiKey = useUserStore(state => state.apiKey)
    const [canLogInOut, setCanInLogOut] = useState(false)
    // const setActiveTemplate = useTemplatesStore(state => state.setActive)
    // const openGuide = () => {
    //     useGlobalStore.setState({
    //         currentPage: 'guide-start',
    //     })
    //     setActiveTemplate({})
    // }
    useEffect(() => {
        setCanInLogOut(!apiKey.length || window.location.search.indexOf('DEVMODE') > -1)
    }, [apiKey])
    return <>
        <aside className="flex-shrink-0 sm:pl-12 py-0 sm:py-6 relative">
            <div className="sm:w-56 lg:w-72 sticky flex flex-col lg:h-full">{children[0]}</div>
            <div className="hidden sm:flex flex-col absolute bottom-0 bg-white mb-4 w-72 text-left space-y-4">
                <div className="border-t border-gray-300 flex divide-x">
                    {/* <button
                        type="button"
                        className="components-button inline-block flex-1 text-center hover:bg-gray-100"
                        onClick={openGuide}>
                        {__('Welcome Guide', 'extendify-sdk')}
                    </button> */}
                    {canLogInOut && <LoginButton/>}
                </div>
            </div>
        </aside>
        <main
            id="extendify-templates"
            // tabIndex="0"
            className="w-full smp:l-12 sm:pt-6 h-full overflow-hidden">
            {children[1]}
        </main>
    </>
}

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 Grid.js	FILE	[EDIT]
📄 HasSidebar.js	FILE	[EDIT]
📄 MainWindow.js	FILE	[EDIT]
📄 RowByTax.js	FILE	[EDIT]
📄 Single.js	FILE	[EDIT]
📄 Toolbar.js	FILE	[EDIT]
📁 sidebars/	DIR

[ Root System Explorer ]

Editing: HasSidebar.js