Se conecta la funcion de eliminar con el back

   * @returns A promise that resolves when the place is deleted.

   */

  async deletePlace(idPlace: number): Promise<void> {

    //await axios.patch(APIUrl + `/place/${idPlace}`)

    await axios.delete(APIUrl + `/place/${idPlace}`)

  }

}

  setIsWindowActiveDelete: Dispatch<SetStateAction<boolean>>;

  setActualPlace: Dispatch<SetStateAction<Place | undefined>>;

  setIsRegisterPane: Dispatch<SetStateAction<boolean>>;

  forceRenderList: () => void;

}

// Define the AdminPanelPlaceList component

  setActualPlace,

  setIsRegisterPane,

  setIsWindowActiveDelete,

  forceRenderList,

}: props) => {

  // Use the custom hook to fetch place data

  const { placeList, pending, updatePlacesByTown, deletePlace } = usePlace();

  const { placeList, pending, updatePlacesByTown, deletePlace } =

    usePlace(forceRenderList);

  // State variables for managing dialog and deletion

  const [isDialogOpen, setIsDialogOpen] = useState(false);

                }

              }}

            />

            <span style={{ margin: "0 10px" }}></span> {/* Separation between icons */}

            <span style={{ margin: "0 10px" }}></span>{" "}

            {/* Separation between icons */}

            <FontAwesomeIcon

              style={isWindowActive ? { color: "gray" } : { cursor: "pointer" }}

              icon={faEdit}

          setActualPlace={setActualPlace}

          setIsRegisterPane={setIsRegisterPane}

          setIsWindowActiveDelete={setIsWindowActive}

          forceRenderList={forceRenderList}

        />

      </div>

    </div>