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

Se elimina un input innecesario

parent 96bd6da1

web/src/components/admin_panel_places/admin_panel_place_register/admin_panel_place_register.tsx

+5 −62
Original line number Diff line number Diff line
@@ -5,16 +5,17 @@ import "./assets/css/styles.css"; 
import { MapComponent } from "../../map/map";

import { usePlace } from "../../../hooks/usePlace";

import { languaguesList } from "../../../constants/languages";

import { ToastContainer, toast } from "react-toastify";

import { LoadingScreen } from "../../loading_screen/loading_screen";

import { MultipleImagesDropzone } from "../../multiple_images_dropzone/multiple_images_dropzone";

import { AvailableDays, availableDaysList } from "../../../infraestructure/entities/place";



interface props {

  setIsWindowActive: Dispatch<SetStateAction<boolean>>;

  idTown: number;

  forceRenderList: () => void;

}



export const AdminPanelPlaceRegister = ({setIsWindowActive}: props) => {

export const AdminPanelPlaceRegister = ({setIsWindowActive, idTown, forceRenderList}: props) => {

  const {

    register,

    handleSubmit,
@@ -26,14 +27,11 @@ export const AdminPanelPlaceRegister = ({setIsWindowActive}: props) => { 
    setDescriptions,

    setLanguageDescriptionIndexSelected,

    isLoading,

    statesList,

    updateTownsList,

    townsList,

    updateTimeForm,

    availableDays,

    setAvailableDays,

    resetField,

  } = usePlace();

  } = usePlace(idTown, forceRenderList, setIsWindowActive);



  return (

    <div className="place_register_wrap">
@@ -166,53 +164,6 @@ export const AdminPanelPlaceRegister = ({setIsWindowActive}: props) => { 
                <p className="error">{errors.available?.message || errors.startDate?.message || errors.endDate?.message}</p>

              </div>

              

              <div className="input">

                <div className="input_header">

                  Pueblo mágico al que pertenece el lugar

                </div>

                <div className="town_select_cnt">

                  <div>

                    Estado

                    <select

                      name="state_select" 

                      onChange={(event) => {

                        updateTownsList(Number(event.target.value), 

                          event.target.options[event.target.selectedIndex].text);

                        }}

                      >

                        {statesList === null || statesList.length===0 ? 

                        <option disabled defaultValue="" value="">No hay estados</option>

                        : 

                        <>

                          <option disabled selected value="">Selecciona el estado</option>

                          {statesList.map((state, index) => {

                          return (

                            <option key={state.stateId} value={state.stateId}>{state.name}</option>

                          );

                          })}

                        </>

                        }

                      </select>

                      </div>

                      <div> 

                      Pueblo mágico

                      <select {...register("idTown")}>

                        {

                          townsList === null || townsList.length===0 ? 

                            <option disabled defaultValue="" value="">No hay pueblos</option>

                          : 

                            townsList.map((towns) => {

                              return (

                                <option key={towns.idTown} value={towns.idTown}>{towns.name}</option>

                              );

                            })

                        }

                    </select>

                  </div>

                </div>

                <p className="error">{errors.idTown?.message}</p>

              </div>



              <MultipleImagesDropzone setValue={setValue}/>

              <p className="error">{errors.imagesList?.message}</p>

              <input type="submit"/>
@@ -227,14 +178,6 @@ export const AdminPanelPlaceRegister = ({setIsWindowActive}: props) => { 
              <p className="error">{errors.latitude?.message}</p>

            </div>

          </div>

          <ToastContainer

            position='bottom-right'

            autoClose = {1000}

            hideProgressBar = {true}

            closeOnClick

            rtl={false}

            pauseOnFocusLoss

          />

        </form>

      </div>

    </div>