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

Se crea la página principal de admins a partir de la hecha para superadmin

parent 22d4ad9e
Loading
Loading
Loading
Loading
+51 −0
Original line number Diff line number Diff line
import { Menu, MenuItem, Sidebar } from "react-pro-sidebar"
import './assets/styles/style.css';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faMonument, faUserTie } from "@fortawesome/free-solid-svg-icons";
import { useEffect, useState } from "react";
import { AdminPanelNavBar } from "../../../components/admin_panel_navbar/admin_navbar";
import { SidebarHeader } from "../../../components/sidebar_header/sidebar_header";
import { useGetStatesList } from "../../../hooks/useGetStatesList";
import axios from "axios";

export const AdminHomePage = () => {
  const [collapsed, setCollapsed] = useState(true);
  const [windowActive, setWindowActive] = useState(false);
 
  return (
    <div className="dmin-panel-root">
      <Sidebar className="sidebar" collapsed={collapsed} 
        onMouseOver={() => {
          windowActive ?
            setCollapsed(true)
          :
            setCollapsed(false)
        }}
        onMouseOut={() => setCollapsed(true)}
        
        > 
        <SidebarHeader/>
        <Menu>
          <MenuItem icon={<FontAwesomeIcon icon={faMonument}/>}  
            disabled={windowActive}>
              Pueblos
          </MenuItem>

          <MenuItem icon={<FontAwesomeIcon icon={faUserTie}/>} 
            disabled={windowActive}>
            Administradores
          </MenuItem>
        </Menu>
      </Sidebar>
      <div className="admin-panel-body">
        <AdminPanelNavBar windowActive={windowActive}/>
        <div className="admin-panel-content">
          
        </div>
        <div className="footer-cnt">

        </div>
      </div>
    </div>
  )
}
 No newline at end of file
+32 −0
Original line number Diff line number Diff line
:root {
    --shadow: 0px 2px 8px 0px gray;
}


.superdmin-panel-root{
    display: flex;
    height: 100vh;
    max-height: 100vh;
    width: 100vw;
    max-width: 100vw;
}


.superadmin-panel-body{
    flex-grow: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ECEAFF;
}

.superadmin-panel-content{
    max-height: 84vh;
    min-height: 84vh;
    display: flex;
}

.footer-cnt{
    height: 10vh;
    background: #ECEAFF;
}