{"version":3,"file":"Layout-CbcHeFOT.js","sources":["../../../app/frontend/components/Layout.tsx"],"sourcesContent":["// app/frontend/components/Layout.tsx\nimport React, { useEffect, useState, ReactNode } from 'react';\nimport Navbar from './Navbar';\nimport Sidebar from './Sidebar';\nimport { UserProvider } from '../src/context/UserContext';\n\ninterface LayoutProps {\n  children?: ReactNode;\n  hideNavbar?: boolean; // New prop to control navbar visibility\n}\n\nconst Layout: React.FC<LayoutProps> = ({ children, hideNavbar = false }) => {\n  const [isSidebarOpen, setSidebarOpen] = useState<boolean>(false);\n  const isLoginPage = window.location.pathname === '/login';\n\n  // Add debugging logs\n  console.log('🔍 Layout rendering with props:', {\n    hideNavbar,\n    pathname: window.location.pathname,\n    hasChildren: !!children,\n  });\n\n  // Skip rendering navbar and sidebar if hideNavbar is true\n  if (hideNavbar) {\n    console.log('🔍 Using simplified layout without navbar!');\n    return (\n      <UserProvider>\n        <div style={{ border: '3px solid red', padding: '10px' }}>\n          <div style={{ background: '#ffeeee', padding: '10px', marginBottom: '10px' }}>\n            Layout with hideNavbar=true\n          </div>\n          <main>{children}</main>\n        </div>\n      </UserProvider>\n    );\n  }\n\n  console.log('🔍 Using full layout with navbar and sidebar');\n\n  useEffect(() => {\n    const handleClick = (e: Event) => {\n      e.preventDefault();\n      setSidebarOpen(true);\n    };\n\n    let menuToggler = document.getElementById('menu-toggler-new');\n\n    if (menuToggler) {\n      menuToggler.addEventListener('click', handleClick);\n    }\n\n    const observer = new MutationObserver(() => {\n      const updatedMenuToggler = document.getElementById('menu-toggler-new');\n      if (updatedMenuToggler && updatedMenuToggler !== menuToggler) {\n        updatedMenuToggler.addEventListener('click', handleClick);\n        menuToggler = updatedMenuToggler;\n      }\n    });\n\n    observer.observe(document.body, { childList: true, subtree: true });\n\n    return () => {\n      menuToggler?.removeEventListener('click', handleClick);\n      observer.disconnect();\n    };\n  }, []);\n\n  return (\n    <UserProvider>\n      <div className=\"app-container\">\n        <Navbar toggleSidebar={() => setSidebarOpen((prev) => !prev)} isLoginPage={isLoginPage} />\n        <Sidebar isOpen={isSidebarOpen} closeSidebar={() => setSidebarOpen(false)} />\n        <main>{children}</main>\n      </div>\n    </UserProvider>\n  );\n};\n\nexport default Layout;\n"],"names":["Layout","children","hideNavbar","isSidebarOpen","setSidebarOpen","useState","isLoginPage","jsx","UserProvider","jsxs","useEffect","handleClick","e","menuToggler","observer","updatedMenuToggler","Navbar","prev","Sidebar"],"mappings":"uJAWA,MAAMA,EAAgC,CAAC,CAAE,SAAAC,EAAU,WAAAC,EAAa,MAAY,CAC1E,KAAM,CAACC,EAAeC,CAAc,EAAIC,EAAAA,SAAkB,EAAK,EACzDC,EAAc,OAAO,SAAS,WAAa,SAUjD,OAPA,QAAQ,IAAI,kCAAmC,CAC7C,WAAAJ,EACA,SAAU,OAAO,SAAS,SAC1B,YAAa,CAAC,CAACD,CAAA,CAChB,EAGGC,GACF,QAAQ,IAAI,4CAA4C,EAEtDK,EAAA,IAACC,EACC,CAAA,SAAAC,EAAAA,KAAC,MAAI,CAAA,MAAO,CAAE,OAAQ,gBAAiB,QAAS,MAAA,EAC9C,SAAA,CAACF,EAAAA,IAAA,MAAA,CAAI,MAAO,CAAE,WAAY,UAAW,QAAS,OAAQ,aAAc,MAAO,EAAG,SAE9E,6BAAA,CAAA,EACAA,MAAC,QAAM,SAAAN,CAAS,CAAA,CAAA,CAAA,CAClB,CACF,CAAA,IAIJ,QAAQ,IAAI,8CAA8C,EAE1DS,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAeC,GAAa,CAChCA,EAAE,eAAe,EACjBR,EAAe,EAAI,CACrB,EAEI,IAAAS,EAAc,SAAS,eAAe,kBAAkB,EAExDA,GACUA,EAAA,iBAAiB,QAASF,CAAW,EAG7C,MAAAG,EAAW,IAAI,iBAAiB,IAAM,CACpC,MAAAC,EAAqB,SAAS,eAAe,kBAAkB,EACjEA,GAAsBA,IAAuBF,IAC5BE,EAAA,iBAAiB,QAASJ,CAAW,EAC1CE,EAAAE,EAChB,CACD,EAEQ,OAAAD,EAAA,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,GAAM,EAE3D,IAAM,CACED,GAAA,MAAAA,EAAA,oBAAoB,QAASF,GAC1CG,EAAS,WAAW,CACtB,CACF,EAAG,EAAE,EAGFP,EAAA,IAAAC,EAAA,CACC,SAACC,EAAAA,KAAA,MAAA,CAAI,UAAU,gBACb,SAAA,CAACF,MAAAS,EAAA,CAAO,cAAe,IAAMZ,EAAgBa,GAAS,CAACA,CAAI,EAAG,YAAAX,EAA0B,EACxFC,MAACW,GAAQ,OAAQf,EAAe,aAAc,IAAMC,EAAe,EAAK,EAAG,EAC3EG,MAAC,QAAM,SAAAN,CAAS,CAAA,CAAA,CAAA,CAClB,CACF,CAAA,EAEJ"}