Se eliminan componentes innecesarios (96bd6da1) · Commits · Omar Luna / PueblosMagicosConIA

web/src/components/admin_panel_places/admin_panel_place_list/admin_panel_place_list.tsx

+12 −63

Original line number	Diff line number	Diff line
		@@ -4,15 +4,15 @@ import './assets/css/styles.css';
		import { Place } from '../../../infraestructure/entities/place';
		import { LoadingSpinner } from '../../loading_spinner/loading_spinner';

		export const AdminPanelPlaceList = () => {
		interface props{
		idTown: number;
		}

		export const AdminPanelPlaceList = ({idTown}: props) => {
		const {
		updateTownsList,
		statesList,
		townsList,
		placeList,
		updatePlacesByTown,
		pending
		} = usePlace();
		} = usePlace(idTown);

		const columns : TableColumn<Place>[] = [
		{
		@@ -32,62 +32,11 @@ export const AdminPanelPlaceList = () => {

		return (
		<div className="place_list_cnt">
		<div className="place_list_header">
		<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
		onChange={(event) => {
		updatePlacesByTown(Number(event.target.value));
		}}
		>
		{
		townsList === null \|\| townsList.length===0 ?
		<option disabled defaultValue="" value="">No hay pueblos</option>
		:
		<>
		<option disabled selected value="">Selecciona el estado</option>
		{townsList.map((town) => {
		return (
		<option key={town.idTown} value={town.idTown}>{town.name}</option>
		);
		})}
		</>
		}
		</select>
		</div>
		</div>

		<div className="place_list_body">
		<DataTable style={{zIndex: 0}} noDataComponent="No hay lugares que mostrar" progressPending={pending}
		<DataTable noDataComponent="No hay lugares que mostrar" progressPending={pending}
		progressComponent={
		<LoadingSpinner style={{display: 'flex'}}/>
		}
		columns={columns} data={placeList} selectableRows className="town_list_table"/>
		</div>
		columns={columns} data={placeList} selectableRows className="data_table"/>
		</div>
		);
		}
		No newline at end of file

web/src/components/admin_panel_places/admin_panel_place_list/assets/css/styles.css

+11 −14

Original line number	Diff line number	Diff line
		.place_list_cnt{
		display: flex;
		flex-direction: column;
		height: 100%;
		width: 100%;
		}

		.place_list_header{
		width: 100%;
		height: 10%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		.data_table{
		height: 100%;
		}

		.place_list_body{
		width: 100%;
		display: flex;
		flex-direction: column;
		height: 90%;
		.bhFeAR{
		display: flex !important;
		height: 100%;
		}

		.rdt_TableBody{
		max-height: 100%;
		overflow-y: auto;
		}
		No newline at end of file