export default function MainLayout()

in plc4j/tools/ui/frontend/project/src/layouts/MainLayout.tsx [25:73]

• 31 lines of code
• 1 McCabe index (conditional complexity)

export default function MainLayout() {
    const navigate = useNavigate();

    const menuItems = [
        {
            label: 'Inspect',
            command() {
                navigate('/inspect');
            }
        },
        {
            label: 'OPC-UA Server',
            command() {
                navigate('/opcua');
            }
        },
        {
            label: 'MQTT Emitter',
            command() {
                navigate('/mqtt');
            }
        },
        {
            label: 'Settings',
            command() {
                navigate('/settings');
            }
        },
        {
            label: 'About',
            command() {
                navigate('/about');
            }
        }
    ] as MenuItem[];

    const startLogo = <Image src={plc4xLogo} width="200px" className="m-3"/>;

    return (
        <>
            <nav>
                <Menubar className="flex w-12" model={menuItems} start={startLogo}/>
            </nav>
            <main className="h-full" style={{paddingTop: "10px"}}>
                <Outlet/>
            </main>
        </>
    )
}