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

web/src/pages/home/admin_page/admin_home_page.tsx

+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: