Loading web/src/components/admin_panel_places/admin_panel_place_screen/admin_panel_place_screen.tsx +17 −5 Original line number Diff line number Diff line import { Dispatch, SetStateAction } from "react"; import { Dispatch, SetStateAction, useState } from "react"; import { AdminPanelPlaceRegister } from "../admin_panel_place_register/admin_panel_place_register"; import "./assets/css/styles.css"; import { AdminPanelPlaceList } from "../admin_panel_place_list/admin_panel_place_list"; import { Town } from "../../../infraestructure/entities/town"; interface props { isWindowActive: boolean; setIsWindowActive: Dispatch<SetStateAction<boolean>>; town: Town | undefined; } export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive, town}: props) => { const [renderCount, setRenderCount] = useState(0); const forceRenderList = () =>{ setRenderCount(prevCount => prevCount + 1); } export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive}: props) => { return ( <div className="admin_panel_place_content"> <div className="panel_place_header"> Administrar lugares dentro de Pueblo Mágico <button className="place_add_btn" disabled={isWindowActive} disabled={isWindowActive || !town} onClick={() => setIsWindowActive(true)} > Registrar lugar Loading @@ -22,9 +30,13 @@ export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive}: props) </div> <div className="panel_place_body"> { isWindowActive && <AdminPanelPlaceRegister setIsWindowActive={setIsWindowActive}/> isWindowActive && <AdminPanelPlaceRegister setIsWindowActive={setIsWindowActive} idTown={town?.idTown || -1} forceRenderList={forceRenderList} /> } <AdminPanelPlaceList/> <AdminPanelPlaceList idTown={town?.idTown || -1} key={renderCount}/> </div> </div> ); Loading Loading
web/src/components/admin_panel_places/admin_panel_place_screen/admin_panel_place_screen.tsx +17 −5 Original line number Diff line number Diff line import { Dispatch, SetStateAction } from "react"; import { Dispatch, SetStateAction, useState } from "react"; import { AdminPanelPlaceRegister } from "../admin_panel_place_register/admin_panel_place_register"; import "./assets/css/styles.css"; import { AdminPanelPlaceList } from "../admin_panel_place_list/admin_panel_place_list"; import { Town } from "../../../infraestructure/entities/town"; interface props { isWindowActive: boolean; setIsWindowActive: Dispatch<SetStateAction<boolean>>; town: Town | undefined; } export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive, town}: props) => { const [renderCount, setRenderCount] = useState(0); const forceRenderList = () =>{ setRenderCount(prevCount => prevCount + 1); } export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive}: props) => { return ( <div className="admin_panel_place_content"> <div className="panel_place_header"> Administrar lugares dentro de Pueblo Mágico <button className="place_add_btn" disabled={isWindowActive} disabled={isWindowActive || !town} onClick={() => setIsWindowActive(true)} > Registrar lugar Loading @@ -22,9 +30,13 @@ export const AdminPanelPlaceScreen = ({isWindowActive,setIsWindowActive}: props) </div> <div className="panel_place_body"> { isWindowActive && <AdminPanelPlaceRegister setIsWindowActive={setIsWindowActive}/> isWindowActive && <AdminPanelPlaceRegister setIsWindowActive={setIsWindowActive} idTown={town?.idTown || -1} forceRenderList={forceRenderList} /> } <AdminPanelPlaceList/> <AdminPanelPlaceList idTown={town?.idTown || -1} key={renderCount}/> </div> </div> ); Loading