{"ast":null,"code":"import React,{useState}from'react';import{Outlet,NavLink}from'react-router-dom';import{FiHome,FiServer,FiMap,FiList,FiSettings,FiMenu,FiX,FiBell,FiUser,FiLogOut}from'react-icons/fi';import{useAuth}from'../contexts/AuthContext';import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";const Layout=()=>{const[sidebarOpen,setSidebarOpen]=useState(false);const[userMenuOpen,setUserMenuOpen]=useState(false);const{user,logout}=useAuth();const toggleSidebar=()=>{setSidebarOpen(!sidebarOpen);};const toggleUserMenu=()=>{setUserMenuOpen(!userMenuOpen);};const handleLogout=()=>{logout();setUserMenuOpen(false);};return/*#__PURE__*/_jsxs(\"div\",{className:\"flex h-screen bg-gray-50\",children:[/*#__PURE__*/_jsx(\"div\",{className:`fixed inset-0 z-20 transition-opacity bg-black bg-opacity-50 lg:hidden ${sidebarOpen?'opacity-100 ease-out duration-300':'opacity-0 ease-in duration-200 pointer-events-none'}`,onClick:toggleSidebar}),/*#__PURE__*/_jsxs(\"div\",{className:`fixed inset-y-0 left-0 z-30 w-64 overflow-y-auto transition duration-300 transform bg-white lg:translate-x-0 lg:static lg:inset-0 ${sidebarOpen?'translate-x-0 ease-out':'-translate-x-full ease-in'}`,children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center justify-between px-4 py-6\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex items-center\",children:/*#__PURE__*/_jsx(\"span\",{className:\"text-2xl font-semibold text-primary-600\",children:\"SolarBank\"})}),/*#__PURE__*/_jsx(\"button\",{onClick:toggleSidebar,className:\"p-1 text-gray-500 rounded-md lg:hidden hover:text-primary-600 focus:outline-none\",children:/*#__PURE__*/_jsx(FiX,{className:\"w-6 h-6\"})})]}),/*#__PURE__*/_jsxs(\"nav\",{className:\"mt-6 px-2 space-y-1\",children:[/*#__PURE__*/_jsxs(NavLink,{to:\"/\",className:_ref=>{let{isActive}=_ref;return`sidebar-link ${isActive?'active':''}`;},children:[/*#__PURE__*/_jsx(FiHome,{className:\"w-5 h-5\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Dashboard\"})]}),/*#__PURE__*/_jsxs(NavLink,{to:\"/devices\",className:_ref2=>{let{isActive}=_ref2;return`sidebar-link ${isActive?'active':''}`;},children:[/*#__PURE__*/_jsx(FiServer,{className:\"w-5 h-5\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Devices\"})]}),/*#__PURE__*/_jsxs(NavLink,{to:\"/map\",className:_ref3=>{let{isActive}=_ref3;return`sidebar-link ${isActive?'active':''}`;},children:[/*#__PURE__*/_jsx(FiMap,{className:\"w-5 h-5\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Map\"})]}),/*#__PURE__*/_jsxs(NavLink,{to:\"/logs\",className:_ref4=>{let{isActive}=_ref4;return`sidebar-link ${isActive?'active':''}`;},children:[/*#__PURE__*/_jsx(FiList,{className:\"w-5 h-5\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Logs\"})]}),/*#__PURE__*/_jsxs(NavLink,{to:\"/settings\",className:_ref5=>{let{isActive}=_ref5;return`sidebar-link ${isActive?'active':''}`;},children:[/*#__PURE__*/_jsx(FiSettings,{className:\"w-5 h-5\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Settings\"})]})]})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex flex-col flex-1 overflow-hidden\",children:[/*#__PURE__*/_jsxs(\"header\",{className:\"flex items-center justify-between px-6 py-4 bg-white border-b\",children:[/*#__PURE__*/_jsx(\"div\",{className:\"flex items-center\",children:/*#__PURE__*/_jsx(\"button\",{onClick:toggleSidebar,className:\"p-1 text-gray-500 rounded-md lg:hidden hover:text-primary-600 focus:outline-none\",children:/*#__PURE__*/_jsx(FiMenu,{className:\"w-6 h-6\"})})}),/*#__PURE__*/_jsxs(\"div\",{className:\"flex items-center space-x-4\",children:[/*#__PURE__*/_jsx(\"button\",{className:\"p-1 text-gray-500 rounded-md hover:text-primary-600 focus:outline-none\",children:/*#__PURE__*/_jsx(FiBell,{className:\"w-6 h-6\"})}),/*#__PURE__*/_jsxs(\"div\",{className:\"relative\",children:[/*#__PURE__*/_jsxs(\"button\",{onClick:toggleUserMenu,className:\"flex items-center p-1 text-gray-500 rounded-md hover:text-primary-600 focus:outline-none\",children:[/*#__PURE__*/_jsx(FiUser,{className:\"w-6 h-6\"}),/*#__PURE__*/_jsx(\"span\",{className:\"ml-2 text-sm font-medium text-gray-700 hidden sm:block\",children:(user===null||user===void 0?void 0:user.username)||'User'})]}),userMenuOpen&&/*#__PURE__*/_jsxs(\"div\",{className:\"absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"px-4 py-2 border-b\",children:[/*#__PURE__*/_jsx(\"p\",{className:\"text-sm font-medium text-gray-900\",children:user===null||user===void 0?void 0:user.username}),/*#__PURE__*/_jsx(\"p\",{className:\"text-xs text-gray-500\",children:user===null||user===void 0?void 0:user.email})]}),/*#__PURE__*/_jsxs(\"button\",{onClick:handleLogout,className:\"flex items-center w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100\",children:[/*#__PURE__*/_jsx(FiLogOut,{className:\"w-4 h-4 mr-2\"}),\"Sign out\"]})]})]})]})]}),/*#__PURE__*/_jsx(\"main\",{className:\"flex-1 overflow-x-hidden overflow-y-auto bg-gray-50 p-6\",children:/*#__PURE__*/_jsx(Outlet,{})})]})]});};export default Layout;","map":{"version":3,"names":["React","useState","Outlet","NavLink","FiHome","FiServer","FiMap","FiList","FiSettings","FiMenu","FiX","FiBell","FiUser","FiLogOut","useAuth","jsx","_jsx","jsxs","_jsxs","Layout","sidebarOpen","setSidebarOpen","userMenuOpen","setUserMenuOpen","user","logout","toggleSidebar","toggleUserMenu","handleLogout","className","children","onClick","to","_ref","isActive","_ref2","_ref3","_ref4","_ref5","username","email"],"sources":["/home/m3mo/Desktop/temparea/solarbank/frontend/src/components/Layout.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { Outlet, NavLink } from 'react-router-dom';\nimport { \n  FiHome, \n  FiServer, \n  FiMap, \n  FiList, \n  FiSettings, \n  FiMenu, \n  FiX,\n  FiBell,\n  FiUser,\n  FiLogOut\n} from 'react-icons/fi';\nimport { useAuth } from '../contexts/AuthContext';\n\nconst Layout = () => {\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const [userMenuOpen, setUserMenuOpen] = useState(false);\n  const { user, logout } = useAuth();\n\n  const toggleSidebar = () => {\n    setSidebarOpen(!sidebarOpen);\n  };\n\n  const toggleUserMenu = () => {\n    setUserMenuOpen(!userMenuOpen);\n  };\n\n  const handleLogout = () => {\n    logout();\n    setUserMenuOpen(false);\n  };\n\n  return (\n    <div className=\"flex h-screen bg-gray-50\">\n      {/* Sidebar for mobile */}\n      <div \n        className={`fixed inset-0 z-20 transition-opacity bg-black bg-opacity-50 lg:hidden ${\n          sidebarOpen ? 'opacity-100 ease-out duration-300' : 'opacity-0 ease-in duration-200 pointer-events-none'\n        }`}\n        onClick={toggleSidebar}\n      ></div>\n\n      {/* Sidebar */}\n      <div \n        className={`fixed inset-y-0 left-0 z-30 w-64 overflow-y-auto transition duration-300 transform bg-white lg:translate-x-0 lg:static lg:inset-0 ${\n          sidebarOpen ? 'translate-x-0 ease-out' : '-translate-x-full ease-in'\n        }`}\n      >\n        <div className=\"flex items-center justify-between px-4 py-6\">\n          <div className=\"flex items-center\">\n            <span className=\"text-2xl font-semibold text-primary-600\">SolarBank</span>\n          </div>\n          <button\n            onClick={toggleSidebar}\n            className=\"p-1 text-gray-500 rounded-md lg:hidden hover:text-primary-600 focus:outline-none\"\n          >\n            <FiX className=\"w-6 h-6\" />\n          </button>\n        </div>\n\n        <nav className=\"mt-6 px-2 space-y-1\">\n          <NavLink to=\"/\" className={({isActive}) => `sidebar-link ${isActive ? 'active' : ''}`}>\n            <FiHome className=\"w-5 h-5\" />\n            <span>Dashboard</span>\n          </NavLink>\n          <NavLink to=\"/devices\" className={({isActive}) => `sidebar-link ${isActive ? 'active' : ''}`}>\n            <FiServer className=\"w-5 h-5\" />\n            <span>Devices</span>\n          </NavLink>\n          <NavLink to=\"/map\" className={({isActive}) => `sidebar-link ${isActive ? 'active' : ''}`}>\n            <FiMap className=\"w-5 h-5\" />\n            <span>Map</span>\n          </NavLink>\n          <NavLink to=\"/logs\" className={({isActive}) => `sidebar-link ${isActive ? 'active' : ''}`}>\n            <FiList className=\"w-5 h-5\" />\n            <span>Logs</span>\n          </NavLink>\n          <NavLink to=\"/settings\" className={({isActive}) => `sidebar-link ${isActive ? 'active' : ''}`}>\n            <FiSettings className=\"w-5 h-5\" />\n            <span>Settings</span>\n          </NavLink>\n        </nav>\n      </div>\n\n      {/* Main content */}\n      <div className=\"flex flex-col flex-1 overflow-hidden\">\n        <header className=\"flex items-center justify-between px-6 py-4 bg-white border-b\">\n          <div className=\"flex items-center\">\n            <button\n              onClick={toggleSidebar}\n              className=\"p-1 text-gray-500 rounded-md lg:hidden hover:text-primary-600 focus:outline-none\"\n            >\n              <FiMenu className=\"w-6 h-6\" />\n            </button>\n          </div>\n\n          <div className=\"flex items-center space-x-4\">\n            <button className=\"p-1 text-gray-500 rounded-md hover:text-primary-600 focus:outline-none\">\n              <FiBell className=\"w-6 h-6\" />\n            </button>\n            \n            {/* User Menu */}\n            <div className=\"relative\">\n              <button \n                onClick={toggleUserMenu}\n                className=\"flex items-center p-1 text-gray-500 rounded-md hover:text-primary-600 focus:outline-none\"\n              >\n                <FiUser className=\"w-6 h-6\" />\n                <span className=\"ml-2 text-sm font-medium text-gray-700 hidden sm:block\">\n                  {user?.username || 'User'}\n                </span>\n              </button>\n              \n              {userMenuOpen && (\n                <div className=\"absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50\">\n                  <div className=\"px-4 py-2 border-b\">\n                    <p className=\"text-sm font-medium text-gray-900\">{user?.username}</p>\n                    <p className=\"text-xs text-gray-500\">{user?.email}</p>\n                  </div>\n                  <button\n                    onClick={handleLogout}\n                    className=\"flex items-center w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100\"\n                  >\n                    <FiLogOut className=\"w-4 h-4 mr-2\" />\n                    Sign out\n                  </button>\n                </div>\n              )}\n            </div>\n          </div>\n        </header>\n\n        <main className=\"flex-1 overflow-x-hidden overflow-y-auto bg-gray-50 p-6\">\n          <Outlet />\n        </main>\n      </div>\n    </div>\n  );\n};\n\nexport default Layout;\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}