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

Se desactivan algunas funciones cuando la ventana de registro de pueblo está activa

parent c4586ead

web/src/pages/home/super_admin_page/super_admin_home_page.tsx

+26 −9
Original line number Diff line number Diff line
@@ -3,8 +3,6 @@ import './assets/styles/style.css'; 
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

import { faMonument, faSignOut, faUser, faUserTie } from "@fortawesome/free-solid-svg-icons";

import { useState } from "react";

import { useAuth } from "../../../context/auth_context";

import { Link } from "react-router-dom";

import { AdminPanelNavBar } from "../../../components/admin_panel_navbar/admin_navbar";

import { SidebarHeader } from "../../../components/sidebar_header/sidebar_header";

import { SuperadminPanelTownScreen } from "../../../components/sa_panel_town/sa_panel_town_screen/sa_panel_town_screen";
@@ -12,28 +10,47 @@ import { SuperadminPanelAdminScreen } from "../../../components/sa_panel_admin/s 


export const SuperAdminHomePage = () => {

  const [collapsed, setCollapsed] = useState(true);

  const [windowActive, setWindowActive] = useState(false);

  const [townPanel, setTownPanel] = useState(true);



  return (

    <div className="superdmin-panel-root">

      <Sidebar className="sidebar" collapsed={collapsed} 

        onMouseOver={() => setCollapsed(false)}

        onMouseOut={() => setCollapsed(true)}>

        onMouseOver={() => {

          windowActive ?

            setCollapsed(true)

          :

            setCollapsed(false)

        }}

        onMouseOut={() => setCollapsed(true)}

        

        > 

        <SidebarHeader/>

        <Menu>

          <MenuItem icon={<FontAwesomeIcon icon={faMonument}/>}  onClick={() => setTownPanel(true)}>

          <MenuItem icon={<FontAwesomeIcon icon={faMonument}/>}  

            onClick={() => setTownPanel(true)}

            disabled={windowActive}>

              Pueblos

          </MenuItem>



          <MenuItem icon={<FontAwesomeIcon icon={faUserTie}/>} onClick={() => setTownPanel(false)}>

          <MenuItem icon={<FontAwesomeIcon icon={faUserTie}/>} 

            onClick={() => setTownPanel(false)}

            disabled={windowActive}>

            Administradores

          </MenuItem>

        </Menu>

      </Sidebar>

      <div className="superadmin-panel-body">

        <AdminPanelNavBar/>

        <AdminPanelNavBar windowActive={windowActive}/>

        <div className="superadmin-panel-content">

          {townPanel ? <SuperadminPanelTownScreen /> : <SuperadminPanelAdminScreen />}

          {townPanel 

            ? 

              <SuperadminPanelTownScreen 

                windowActive={windowActive} 

                setWindowActive={setWindowActive}

              /> 

            : 

              <SuperadminPanelAdminScreen />}

        </div>

      </div>

    </div>