mostrar solo los registros que le pertenecen al usuario cuando es un corresponsal

src/Components/Login/login.tsx

@@ -48,6 +48,7 @@ export const Login: React.FC<{}> = () => {
         var values: IjwtStructure = jwt_decode(response.data.token)
         localStorage.setItem('UserId', JSON.stringify(values.UserId))
         localStorage.setItem('User', JSON.stringify(values.Usuario))
+        localStorage.setItem('IdCorresponsal', JSON.stringify(values.IdCorresponsal))
         localStorage.setItem(
           'Departamento',
           JSON.stringify(values.Departamento)

src/Components/Register/register.tsx

@@ -34,6 +34,9 @@ import DTOUsuariosShort from '../../DTO/DTOUsuariosShort'
 import DTOClonarUsuario from '../../DTO/DTOClonarUsuario'
 import { AdmonPerfiles } from './admonPerfiles/AdmonPerfiles'
 import { Form as FormCtrl } from 'react-bootstrap'
+import ICatCorresponsales from '../../Interfaces/Catalogos/ICatCorresponsales'
+import UsuariosServices from '../../Services/Catalogos/Usuarios.Services'
+import CorresponsalesServices from '../../Services/Catalogos/Corresponsales.Services'
 
 interface IProps {}
 
@@ -102,6 +105,8 @@ export default function Register(props:IProps) {
   const [clientes, setClientes] = useState<IClientes[]>([])
   const [transportistas, setTransportistas] = useState<ITransportistas[]>([])
   const [proveedores, setProveedores] = useState<IProveedores[]>([])
+  const [corresponsales, setCorresponsales] = useState<ICatCorresponsales[]>([]);
+  const [IdCorresponsal, setIdCorresponsal] = useState(0);
   const [comboUsuarios, setcomboUsuarios] = useState<DTOUsuariosShort[]>([])
   const [toastPerfil, setToastPerfil] = useState(false)
   const [UsuariosPerfilesMenu, setUsuariosPerfilesMenu] =
@@ -140,7 +145,8 @@ export default function Register(props:IProps) {
     codigoAccesoM: CodigoAccesoM,
     tokenAccesoM: TokenAccesoM,
     deviceToken: DeviceToken,
-    idPerfil: IdPerfil
+    idPerfil: IdPerfil,
+    idCorresponsal: IdCorresponsal
   }
 
   const initialValuesPerfiles: IPerfil = {
@@ -227,6 +233,15 @@ export default function Register(props:IProps) {
     }
   }, [IdUsuario])
 
+  useEffect(() => {
+    CorresponsalesServices.getAll().then(resp => {
+      setCorresponsales(resp.data);
+    })
+    .catch(error => {
+      console.log(error);
+    })
+  }, [])
+
   const handleSelect = (e: any) => {
     console.log(e)
     setPerfiles(e)
@@ -381,6 +396,8 @@ export default function Register(props:IProps) {
     setCorreo(data.correo)
     setIdPerfil(data.idPerfil)
     loadAllUserInfo(data.id)
+    setTipoUsuario(data.tipoUsuario)
+    setIdCorresponsal(data.idCorresponsal);
   }
 
   const clonaInformacion = (): void => {
@@ -616,6 +633,7 @@ export default function Register(props:IProps) {
                                       setTipoUsuario(parseInt(e.target.value))
                                     }
                                     className="form-select form-select-sm"
+                                    value={TipoUsuario}
                                   >
                                     <option value="1">Administrador</option>
                                     <option value="4">Cliente</option>
@@ -702,6 +720,29 @@ export default function Register(props:IProps) {
                                 </div>
                               </div>
                             </div>
+                            <div className='row'style={{display: TipoUsuario === 5 ? '' : 'none'}}>
+                              <div className="col-sm-12">
+                                <div className="form-group">
+                                  <label
+                                    className="text-info"
+                                    htmlFor="selectCorresponsal"
+                                  >Corresponsal</label>
+                                  <FormCtrl.Control
+                                    as="select"
+                                    onChange={(e) =>
+                                      setIdCorresponsal(parseInt(e.target.value))
+                                    }
+                                    className="form-select form-select-sm"
+                                    value={IdCorresponsal}
+                                  >
+                                    <option value={0}>-Seleccione-</option>
+                                    {corresponsales.map((c) => {
+                                      return <option key={c.id} value={c.id}>{c.nombre}</option>
+                                    })}
+                                  </FormCtrl.Control>
+                                </div>
+                              </div>
+                            </div>
                           </Accordion.Body>
                         </Accordion.Item>
                         <Accordion.Item eventKey="1">
@@ -1185,10 +1226,12 @@ export default function Register(props:IProps) {
                                         <input
                                           className="form-check-input"
                                           type="checkbox"
+                                          key={c.sClave}
                                           value={c.sClave}
                                           checked={c.agrupado ? true : false}
-                                          id="ChClientes[]"
+                                          id={`ChClientes[${c.sClave}]`}
                                           onClick={(e) => {
+                                            c.agrupado === 0 ? c.agrupado = 1 : c.agrupado = 0;
                                             addCliente(c.sClave, e)
                                             //  loadProveedores();
                                           }}
@@ -1244,7 +1287,7 @@ export default function Register(props:IProps) {
                                             t.asignado == 1 ? true : false
                                           }
                                           value={t.sClave}
-                                          id="ChClientes[]"
+                                          id={`ChTransportista[${t.sClave}]`}
                                           onClick={(e) => {
                                             asignaClienteTransportista(
                                               t.sClave,
@@ -1301,7 +1344,7 @@ export default function Register(props:IProps) {
                                           className="form-check-input"
                                           type="checkbox"
                                           value={p.sClave}
-                                          id="ChClientes[]"
+                                          id={`ChProveedor[${p.sClave}]`}
                                           defaultChecked={
                                             p.asignado === 1 ? true : false
                                           }

src/Components/Reportes/RptCorresponsalesTraficos.tsx

@@ -77,7 +77,11 @@ export default function RptCorresponsalesTraficos(props: IProps) {
   const [Fin, setFin] = useState(currentDate(0))
   const [TipoOperacion, setTipoOperacion] = useState(0)
   const [Cliente, setCliente] = useState(0)
-  const [Corresponsal, setCorresponsal] = useState(0)
+  const [Corresponsal, setCorresponsal] = useState(() => {
+    const stickyValue = window.localStorage.getItem('IdCorresponsal')
+    return stickyValue !== null ? JSON.parse(stickyValue) : 0
+  })
+  //const [Corresponsal, setCorresponsal] = useState(0)
   const [Pedimento, setPedimento] = useState(0)
   const [Patente, setPatente] = useState(0);
   const [Aduana, setAduana] = useState(0);
@@ -229,6 +233,7 @@ export default function RptCorresponsalesTraficos(props: IProps) {
   }
 
   useEffect(() => {
+    if(Perfil !== "Corresponsales"){
     ClientesDataService.getAllClientes(0)
       .then((response) => {
         setClientes(response.data)
@@ -250,6 +255,18 @@ export default function RptCorresponsalesTraficos(props: IProps) {
         setShowMsg(true)
         return
       })
+    }else{
+      ClientesDataService.getAllClientes(UserId)
+      .then((response) => {
+        setClientes(response.data)
+      })
+      .catch((e: Error) => {
+        setHeader('Error')
+        setMsg('Ocurrio un error: ' + e)
+        setShowMsg(true)
+        return
+      })
+    }
     generaReporte()
   }, [])
 
@@ -595,7 +612,6 @@ export default function RptCorresponsalesTraficos(props: IProps) {
                 </Form.Control>
               </Form.Label>
             </Col>
-            {(Perfil !== "Corresponsales")? <>
             <Col lg={4}>
               <Form.Label style={{width:'100%', fontSize:'smaller'}}>
                 Cliente
@@ -619,6 +635,7 @@ export default function RptCorresponsalesTraficos(props: IProps) {
                 </Form.Control>
               </Form.Label>
             </Col>
+            {(Perfil !== "Corresponsales")? <>
               <Col lg={4}>
                 <Form.Label style={{width:'100%', fontSize:'smaller'}}>
                   Corresponsal

src/Interfaces/IRegister.tsx

@@ -29,4 +29,5 @@ export interface IRegister {
   tokenAccesoM: string;
   deviceToken: string;
   idPerfil: number;
+  idCorresponsal: number;
 }

src/Interfaces/IjwtStructure.ts

@@ -7,4 +7,5 @@ export default interface IjwtStructure {
     Departamento: string;
     UserType: number,
     Perfil: string
+    IdCorresponsal: number;
 }