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

Se incorpora el componente de la lista de administradores y se modifica para...

Se incorpora el componente de la lista de administradores y se modifica para que cierre la ventana de registro cuando se haya completado
parent 577eb62f
Loading
Loading
Loading
Loading
+19 −7
Original line number Diff line number Diff line
@@ -2,23 +2,34 @@ import { Dispatch, SetStateAction, useState } from 'react';
import './assets/css/styles.css';
import { SuperadminPanelAdminRegister } from '../sa_panel_admin_register/sa_panel_admin_register';
import { State } from '../../../infraestructure/entities/state';
import { SuperAdminPanelAdminList } from '../sa_panel_admin_list/sa_panel_admin_list';

interface props {
  windowActive: boolean;
  setWindowActive: Dispatch<SetStateAction<boolean>>;
  isWindowActive: boolean;
  setIsWindowActive: Dispatch<SetStateAction<boolean>>;
  statesList: State[];
}

export const SuperadminPanelAdminScreen = ({windowActive, setWindowActive, statesList}:props) => {
export const SuperadminPanelAdminScreen = ({isWindowActive, setIsWindowActive, statesList}:props) => {
  const [showRegisterPanel, setShowRegisterPanel] = useState(false);
  const [renderCount, setRenderCount] = useState(0);

  const handleClickToClose = () => {
    setIsWindowActive(false);
    setShowRegisterPanel(false);
  }

  const forceRenderList = () =>{
    setRenderCount(prevCount => prevCount + 1);
  }

  return (
    <div className="sa_panel_admin_content">
      <div className='admin_panel_header'>
        Administrar administradores
        <button className='admin_add_btn' 
          onClick={() => {setShowRegisterPanel(true); setWindowActive(true)}}
          disabled = {windowActive}
          onClick={() => {setShowRegisterPanel(true); setIsWindowActive(true)}}
          disabled = {isWindowActive}
        >
          Registrar Nuevo Admin
        </button>
@@ -27,11 +38,12 @@ export const SuperadminPanelAdminScreen = ({windowActive, setWindowActive, state
        {showRegisterPanel 
          && 
          <SuperadminPanelAdminRegister 
            setWindowActive={setWindowActive}
            setShowRegisterPanel={setShowRegisterPanel}
            handleClickToClose={handleClickToClose}
            forceRenderList={forceRenderList}
            statesList={statesList}
          />
        }
        <SuperAdminPanelAdminList key={renderCount} isWindowActive={isWindowActive} statesList={statesList}/>
      </div>
    </div>  
  );