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

Se elimina el componente innecesario y se cambia de ubicación el componente

parent fa7ee33b

web/src/components/sa_panel_town/sa_panel_town_list/sa_panel_town_list_content/sa_panel_town_list.tsx→web/src/components/sa_panel_town/sa_panel_town_list/sa_panel_town_list.tsx

+73 −0
Original line number Diff line number Diff line 
import { useEffect, useState } from "react";

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

import { State } from "../../../../infraestructure/entities/state";

import axios from "axios";

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

import { State } from "../../../infraestructure/entities/state";

import axios, { AxiosError } from "axios";

import "./assets/css/styles.css";

import { TownListTable } from "../sa_panel_town_list_element/sa_panel_town_table";

import { Town } from "../../../../infraestructure/entities/town";

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

import { Town } from "../../../infraestructure/entities/town";

import DataTable, { TableColumn } from "react-data-table-component";

import { LoadingSpinner } from "../../loading_spinner/loading_spinner";

import { showErrorAxios } from "../../../utils/Messages";



interface props {

  statesList: State[];
@@ -13,14 +14,27 @@ interface props { 


export const SuperadminPanelTownList = ({statesList}: props) => {

  const {townsList, getTownsByState, setTownsList} = useTown();

  const [isLoadingList, setIsLoadingList] = useState(true);

  const [pending, setPending] = useState(false);



  const columns : TableColumn<Town>[] = [

    {

      name: "Identificador", 

      selector: row => row.idTown

    },

    {

      name: "Nombre", 

      selector: row => row.name,

      sortable: true

    }, 

    {

      name: "Estado", 

      selector: row => row.state

    }

  ];



  useEffect(() => {

    refreshList();

  }, []);



  const refreshList = () => {

    setIsLoadingList(true);

    setPending(true);

    const getTownsList = async () => {

      try {

        if (statesList) {
@@ -35,23 +49,25 @@ export const SuperadminPanelTownList = ({statesList}: props) => { 
        }

      } catch (error: any) {

        if (axios.isAxiosError(error)) {

          //console.log(error)

          error as AxiosError;

          showErrorAxios(error);

        }

      }

    }

    getTownsList();

    setPending(false);

  };



  useEffect(() => {

    refreshList();

  }, []);



  return (

    <div className="town_list_content">

      {

        isLoadingList && 

        <LoadingScreen/>

      }

      {

        townsList &&  townsList.length>0 && 

          <TownListTable towns={townsList} setIsLoading={setIsLoadingList}/>

    <DataTable noDataComponent="No hay pueblos que mostrar" progressPending={pending}

      progressComponent={

        <LoadingSpinner style={{display: 'flex'}}/>

      }

    </div>

      columns={columns} data={townsList} selectableRows className="data_table"

    /> 

  );

}
 
 No newline at end of file

web/src/components/sa_panel_town/sa_panel_town_list/sa_panel_town_list_element/assets/css/styles.css

deleted100644 → 0
+0 −13
Original line number Diff line number Diff line 
.town_list_table {

  height: 100%;

}



.bhFeAR{

  display: flex !important;

  height: 100%;

} 



.rdt_TableBody{

  max-height: 100%;

  overflow-y: auto;

}
 
 No newline at end of file

web/src/components/sa_panel_town/sa_panel_town_list/sa_panel_town_list_element/sa_panel_town_table.tsx

deleted100644 → 0
+0 −35
Original line number Diff line number Diff line 
import { Dispatch, SetStateAction, useEffect } from "react";

import { Town } from "../../../../infraestructure/entities/town";

import "./assets/css/styles.css";

import DataTable, { TableColumn } from "react-data-table-component";



interface props {

  towns: Town[];

  setIsLoading: Dispatch<SetStateAction<boolean>>;

}



export const TownListTable= ({towns, setIsLoading}: props) => {

  const columns : TableColumn<Town>[] = [

    {

      name: "Identificador", 

      selector: row => row.idTown

    },

    {

      name: "Nombre", 

      selector: row => row.name,

      sortable: true

    }, 

    {

      name: "Estado", 

      selector: row => row.state

    }

  ];



  useEffect(() => {

    setIsLoading(false);

  }, []);



  return (

    <DataTable columns={columns} data={towns} selectableRows className="town_list_table"/>

  );

}
 
 No newline at end of file

web/src/components/sa_panel_town/sa_panel_town_screen/sa_panel_town_screen.tsx

+1 −1
Original line number Diff line number Diff line
@@ -2,7 +2,7 @@ import { Dispatch, SetStateAction, useState } from 'react'; 
import { SuperadminPanelTownRegister } from '../sa_panel_town_register/sa_panel_town_register';

import './css/styles.css'

import { State } from '../../../infraestructure/entities/state';

import { SuperadminPanelTownList } from '../sa_panel_town_list/sa_panel_town_list_content/sa_panel_town_list';

import { SuperadminPanelTownList } from '../sa_panel_town_list/sa_panel_town_list';



interface props {

  windowActive: boolean;