Loading web/src/pages/home/admin_page/admin_home_page.tsx 0 → 100644 +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 web/src/pages/home/admin_page/assets/styles/style.css 0 → 100644 +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; } Loading
web/src/pages/home/admin_page/admin_home_page.tsx 0 → 100644 +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
web/src/pages/home/admin_page/assets/styles/style.css 0 → 100644 +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; }