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

Se agrega el panel que muestra la informacion del pueblo a la pantalla principal

parent 08199c37

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

+11 −2
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 { faLocation, faPlaceOfWorship } from "@fortawesome/free-solid-svg-icons";

import { faLocation, faMonument, faPlaceOfWorship } from "@fortawesome/free-solid-svg-icons";

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

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

import { AdminPanelPlaceScreen } from "../../../components/admin_panel_places/admin_panel_place_screen/admin_panel_place_screen";
@@ -11,6 +11,7 @@ import { LoadingScreen } from "../../../components/loading_screen/loading_screen 
import { ErrorWindow } from "../../../components/error_window/error_window";

import { LoadingSpinner } from "../../../components/loading_spinner/loading_spinner";

import { ToastContainer } from "react-toastify";

import { AdminTownInfo } from "../../../components/admin_town_info/admin_town_info";



export const AdminHomePage = () => {

  const {
@@ -23,7 +24,8 @@ export const AdminHomePage = () => { 
    isLoading,

    error,

    errorMessage,

    town

    town,

    updateTown

  } = useAdminHomePage();



  if(isLoading) return <LoadingScreen/>;
@@ -50,6 +52,11 @@ export const AdminHomePage = () => { 
        > 

        <SidebarHeader/>

        <Menu>

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

            onClick={() => setSelectedPanel(AdminSelectedPanel.TOWN_INFO)}

            disabled={isWindowActive}>

            Información del pueblo

          </MenuItem>

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

            disabled={isWindowActive}

            onClick={() => {setSelectedPanel(AdminSelectedPanel.PLACES)}}
@@ -69,6 +76,8 @@ export const AdminHomePage = () => { 
        <div className="admin-panel-content">

        {(() => {

          switch (selectedPanel) {

            case AdminSelectedPanel.TOWN_INFO:

              return <AdminTownInfo updateTown={updateTown} setIsWindowActive={setIsWindowActive} isWindowActive={isWindowActive} town={town}/>

            case AdminSelectedPanel.PLACES:

              return <AdminPanelPlaceScreen setIsWindowActive={setIsWindowActive} isWindowActive={isWindowActive} town={town}/>;

            case AdminSelectedPanel.ACTIVITIES: