Commit 244e2e84 authored by Omar Luna Hernández's avatar Omar Luna Hernández
Browse files

Se agrega la funcionalidad de que se desactiven la barra lateral y los botones...

Se agrega la funcionalidad de que se desactiven la barra lateral y los botones cuando esté abrierta la ventana de registro
parent f0adeca4
Loading
Loading
Loading
Loading
+7 −6
Original line number Diff line number Diff line
@@ -7,17 +7,18 @@ import { AdminPanelNavBar } from "../../../components/admin_panel_navbar/admin_n
import { SidebarHeader } from "../../../components/sidebar_header/sidebar_header";
import { AdminPanelPlaceScreen } from "../../../components/admin_panel_places/admin_panel_place_screen/admin_panel_place_screen";
import { AdminSelectedPanel } from "../../../constants/selected_panel";
import { useWindowShow } from "../../../hooks/useWindowShow";

export const AdminHomePage = () => {
  const [collapsed, setCollapsed] = useState(true);
  const [windowActive, setWindowActive] = useState(false);
  const {setIsWindowActive, isWindowActive} = useWindowShow();
  const [selectedPanel, setSelectedPanel] = useState<AdminSelectedPanel>(AdminSelectedPanel.PLACES);
 
  return (
    <div className="admin-panel-root">
      <Sidebar className="sidebar" collapsed={collapsed} 
        onMouseOver={() => {
          windowActive ?
          isWindowActive ?
            setCollapsed(true)
          :
            setCollapsed(false)
@@ -28,13 +29,13 @@ export const AdminHomePage = () => {
        <SidebarHeader/>
        <Menu>
          <MenuItem icon={<FontAwesomeIcon icon={faPlaceOfWorship}/>}  
            disabled={windowActive}
            disabled={isWindowActive}
            onClick={() => {setSelectedPanel(AdminSelectedPanel.PLACES)}}
            >
            Lugares
          </MenuItem>
          <MenuItem icon={<FontAwesomeIcon icon={faLocation}/>} 
            disabled={windowActive}
            disabled={isWindowActive}
            onClick={() => {setSelectedPanel(AdminSelectedPanel.ACTIVITIES)}}
            >
            Actividades
@@ -42,12 +43,12 @@ export const AdminHomePage = () => {
        </Menu>
      </Sidebar>
      <div className="admin-panel-body">
        <AdminPanelNavBar windowActive={windowActive}/>
        <AdminPanelNavBar windowActive={isWindowActive}/>
        <div className="admin-panel-content">
        {(() => {
          switch (selectedPanel) {
            case AdminSelectedPanel.PLACES:
              return <AdminPanelPlaceScreen/>;
              return <AdminPanelPlaceScreen setIsWindowActive={setIsWindowActive} isWindowActive={isWindowActive}/>;
            case AdminSelectedPanel.ACTIVITIES:
              return <div/>
            default: