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

Se mofica para que haya un cargador antes de mostrar los datos

parent 431d550a

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

+6 −6
Original line number Diff line number Diff line
@@ -47,7 +47,7 @@ export const AdminPanelPlaceRegister = ({setWindowVisibility, idTown, categories 
  } = usePlace(forceRenderList, setWindowVisibility);

  const [clickedCategories, setClickedCategories] = useState<boolean[]>(new Array(categoriesList.length).fill(false));  

  const [isLoading, setIsLoading] = useState(false);

  const [actualPlace, setActualPlace] = useState<Place>(EmptyPlace);

  const [actualPlace, setActualPlace] = useState<Place | null>(null);

  const [openHourInput, setOpenHourInput] = useState('');

  const [closeHourInput, setCloseHourInput] = useState('');
@@ -126,7 +126,7 @@ export const AdminPanelPlaceRegister = ({setWindowVisibility, idTown, categories 
          onClick={() => setWindowVisibility(false)}/>

      </div>

      <div className="place_register_body">

        {isLoading

        {isLoading || (!isRegister && actualPlace===null)

            ?

              <LoadingScreen/>

            :
@@ -223,7 +223,7 @@ export const AdminPanelPlaceRegister = ({setWindowVisibility, idTown, categories 
                  >

                      {availableDaysList.map((option, index) => {

                        return (

                          <option key={index} selected={option.option===actualPlace.available} value={index}>{option.name}</option>

                          <option key={index} selected={option.option===actualPlace?.available} value={index}>{option.name}</option>

                        );

                      })}

                  </select>
@@ -237,13 +237,13 @@ export const AdminPanelPlaceRegister = ({setWindowVisibility, idTown, categories 
                        Inicio

                        <input

                          type="date"

                          defaultValue={actualPlace.startDate?.toString().substring(0,10)}

                          defaultValue={actualPlace?.startDate?.toString().substring(0,10)}

                          {...register('startDate')}

                        />

                        Cierre

                        <input

                          type="date"

                          defaultValue={actualPlace.endDate?.toString().substring(0,10)}

                          defaultValue={actualPlace?.endDate?.toString().substring(0,10)}

                          {...register('endDate')}

                        />

                    </div>
@@ -277,7 +277,7 @@ export const AdminPanelPlaceRegister = ({setWindowVisibility, idTown, categories 
              <p className="error">{errors.categoriesId?.message}</p>

            </div>



            <MultipleImagesDropzone setValue={setValue} imagesList={actualPlace.imagesList}/>

            <MultipleImagesDropzone setValue={setValue} imagesList={actualPlace?.imagesList}/>

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

            <input type="submit"/>

          </div>