cambiar perfil de validacion para captura de corresponsal

src/Components/Clientes/Clientes.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { SideBarMenu } from "../Utils/SideBar/SideBar";
+import { Outlet, Route, Routes } from "react-router-dom";
+
+
+export const ClientesExternos: React.FC = () => {
+    return (
+        <>
+        <div className="container-fluid m-1">
+            <div className="row flex-nowrap">
+                <SideBarMenu/>
+                <Outlet/>
+            </div>
+        </div>
+        </>
+    )
+}

src/Components/Corresponsales/TraficoCorresponsales.tsx

@@ -859,7 +859,7 @@ export default function TraficoCorresponsales (props:IProps) {
         setChangePermission(true)
       } else if (Depto === 'Corresponsalias' && Proceso > 1) {
         setChangePermission(false)
-      } else if (Perfil === 'heineken' && Proceso <= 1){
+      } else if (Perfil === 'Corresponsales' && Proceso <= 1){
         setChangePermission(true)
       }else setChangePermission(false)
     }
@@ -1364,27 +1364,29 @@ export default function TraficoCorresponsales (props:IProps) {
   }
 
   const getCentroCostos = (idCliente: number, clientes: IClientes[]) => {
-    if(idCliente > 0){
+    if(Perfil === "Corresponsales"){
-      CentrosCostosService.get(idCliente)
+      if(idCliente > 0){
-        .then(response => {
+        CentrosCostosService.get(idCliente)
-          setCentroCostos(response.data.centroCostos)
+          .then(response => {
-          setClaveClienteFacturacion(response.data.clienteFacturacion);
+            setCentroCostos(response.data.centroCostos)
-          
+            setClaveClienteFacturacion(response.data.clienteFacturacion);
-          if(response.data.clienteFacturacion !== 0 && response.data.clienteFacturacion !== idCliente){
+            
-            let cliente = clientes!.filter(x => x.sClave === response.data.clienteFacturacion)[0];
+            if(response.data.clienteFacturacion !== 0 && response.data.clienteFacturacion !== idCliente){
-            let nombreCliente = cliente.sRazonSocial.split('|')[0].trim()
+              let cliente = clientes!.filter(x => x.sClave === response.data.clienteFacturacion)[0];
-            setNombreClienteFacturacion(nombreCliente);
+              let nombreCliente = cliente.sRazonSocial.split('|')[0].trim()
-            setRfcClienteFacturacion(cliente.sRFC);
+              setNombreClienteFacturacion(nombreCliente);
-          }
+              setRfcClienteFacturacion(cliente.sRFC);
-          return
+            }
-        })
+            return
-        .catch((e: Error) => {
+          })
-          setCentroCostos(''); setClaveClienteFacturacion(0); setNombreClienteFacturacion(''); setRfcClienteFacturacion('');
+          .catch((e: Error) => {
-          setHeader('Error')
+            setCentroCostos(''); setClaveClienteFacturacion(0); setNombreClienteFacturacion(''); setRfcClienteFacturacion('');
-          setMsg('Centro de costos no asignado. Solicitar a servicios administrativos la asignacion del centro de costos del cliente.')
+            setHeader('Error')
-          setShowMsg(true)
+            setMsg('Centro de costos no asignado. Solicitar a servicios administrativos la asignacion del centro de costos del cliente.')
-          return
+            setShowMsg(true)
-      });
+            return
+        });
+      }
     }
   }
 
@@ -1747,7 +1749,7 @@ export default function TraficoCorresponsales (props:IProps) {
           </Card>
           <br />
           <Tabs
-            defaultActiveKey= {Perfil === 'heineken'? "InformacionCorresponsal" : "InformacionGeneral"}
+            defaultActiveKey= {Perfil === 'Corresponsales'? "InformacionCorresponsal" : "InformacionGeneral"}
             id="uncontrolled-tab-example"
             className="mb-3"
             style={{visibility: IDTrafico !== 0 ? 'visible' : 'hidden'}}
@@ -1756,7 +1758,7 @@ export default function TraficoCorresponsales (props:IProps) {
               eventKey="InformacionGeneral"
               title="Informacion general"
               id="TabInformacionGeneral"
-              tabClassName={Perfil === 'heineken' ? 'd-none' : ''}
+              tabClassName={Perfil === 'Corresponsales' ? 'd-none' : ''}
             >
               <Card
                 style={{ visibility: IDTrafico !== 0 ? 'visible' : 'hidden' }}
@@ -2840,7 +2842,7 @@ export default function TraficoCorresponsales (props:IProps) {
             <Tab
               eventKey="InformacionAdicional"
               title="Informacion adicional"
-              tabClassName={mCFacturas.length >= 2 && Perfil !== 'heineken' ? '' : 'd-none'}
+              tabClassName={mCFacturas.length >= 2 && Perfil !== 'Corresponsales' ? '' : 'd-none'}
             >
               <Card>
                 <Card.Body>
@@ -3331,7 +3333,7 @@ export default function TraficoCorresponsales (props:IProps) {
                     id="FechaEntrada"
                     size="sm"
                     value={FEntrada}
-                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                     onChange={(e) => setFEntrada(e.target.value)}
                   />
                 </Col>
@@ -3342,7 +3344,7 @@ export default function TraficoCorresponsales (props:IProps) {
                     id="FechaRevalidacionGuia"
                     size="sm"
                     value={FRevalidacionGuia}
-                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                     onChange={(e) => setFRevalidacionGuia(e.target.value)}
                   />
                 </Col>
@@ -3373,7 +3375,7 @@ export default function TraficoCorresponsales (props:IProps) {
                 <Col>
                   <CurrencyFormat
                     value={Fletes}
-                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                     thousandSeparator={true}
                     onValueChange={(values: any) => {
                       const { value } = values
@@ -3405,7 +3407,7 @@ export default function TraficoCorresponsales (props:IProps) {
                   <CurrencyFormat
                     value={Seguros}
                     thousandSeparator={true}
-                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                     onValueChange={(values: any) => {
                       const { value } = values
                       setSeguros(value)
@@ -3436,7 +3438,7 @@ export default function TraficoCorresponsales (props:IProps) {
                   <CurrencyFormat
                     value={Embalaje}
                     thousandSeparator={true}
-                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                     onValueChange={(values: any) => {
                       const { value } = values
                       setEmbalaje(value)
@@ -3467,7 +3469,7 @@ export default function TraficoCorresponsales (props:IProps) {
                   <CurrencyFormat
                     value={Otros}
                     thousandSeparator={true}
-                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                    disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                     onValueChange={(values: any) => {
                       const { value } = values
                       setOtros(value)
@@ -3514,7 +3516,7 @@ export default function TraficoCorresponsales (props:IProps) {
                           id="FechaInicioGastosAlmacenaje"
                           size="sm"
                           value={FAlmacenajeInicioGastos}
-                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                           onChange={(e) =>
                             setFAlmacenajeInicioGastos(e.target.value)
                           }
@@ -3525,7 +3527,7 @@ export default function TraficoCorresponsales (props:IProps) {
                         <CurrencyFormat
                           value={CostoDiario}
                           thousandSeparator={true}
-                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                           onValueChange={(values: any) => {
                             const { value } = values
                             setCostoDiario(value)
@@ -3556,7 +3558,7 @@ export default function TraficoCorresponsales (props:IProps) {
                         <CurrencyFormat
                           value={TotalPagar}
                           thousandSeparator={true}
-                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                           onValueChange={(values: any) => {
                             const { value } = values
                             setTotalPagar(value)
@@ -3636,7 +3638,7 @@ export default function TraficoCorresponsales (props:IProps) {
                           id="FechaDespacho"
                           size="sm"
                           value={FDespacho}
-                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                           onChange={(e) => setFDespacho(e.target.value)}
                         />
                       </Col>
@@ -3650,7 +3652,7 @@ export default function TraficoCorresponsales (props:IProps) {
                           as="select"
                           className="form-select form-select-sm"
                           value={Estatus}
-                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'heineken'}
+                          disabled={Depto !== 'Corresponsalias' && Perfil !== 'Corresponsales'}
                           onChange={(e) => {
                             setEstatus(parseInt(e.target.value))
                           }}
@@ -3675,7 +3677,7 @@ export default function TraficoCorresponsales (props:IProps) {
                 <Col xs={12}>
                   <Partidas
                     IDTrafico={IDTrafico}
-                    canEdit={Depto === 'Corresponsalias' || Perfil === 'heineken'}
+                    canEdit={Depto === 'Corresponsalias' || Perfil === 'Corresponsales'}
                   />
                 </Col>
               </Row>
@@ -3704,7 +3706,7 @@ export default function TraficoCorresponsales (props:IProps) {
                                             IdFile={IDTrafico}
                                             FileName={''}
                                             canDelete={
-                                              Depto === 'Corresponsalias' && Perfil !== 'heineken'
+                                              Depto === 'Corresponsalias' && Perfil !== 'Corresponsales'
                                             }
                                             FileType={['pdf']}
                                             setBackgroundColor={c.id}
@@ -3733,7 +3735,7 @@ export default function TraficoCorresponsales (props:IProps) {
                     IDTrafico={IDTrafico}
                     Proceso={10}
                     showPreview={1}
-                    canEdit={Depto === 'Corresponsalias' || Perfil === 'heineken'}
+                    canEdit={Depto === 'Corresponsalias' || Perfil === 'Corresponsales'}
                     Leyenda={'Selecciones las imagenes de previo...'}
                   />
                 </Col>
@@ -3742,7 +3744,7 @@ export default function TraficoCorresponsales (props:IProps) {
             <Tab
               eventKey="CuentasComplementarias"
               title="Cuentas complementarias"
-              tabClassName={Perfil === 'heineken' ? 'd-none' : ''}
+              tabClassName={Perfil === 'Corresponsales' ? 'd-none' : ''}
             >
               <Row>
                 <Col xs={12}>
@@ -3756,7 +3758,7 @@ export default function TraficoCorresponsales (props:IProps) {
             <Tab
               eventKey="Rectificaciones"
               title="Rectificaciones"
-              tabClassName={Perfil === 'heineken' ? 'd-none' : ''}
+              tabClassName={Perfil === 'Corresponsales' ? 'd-none' : ''}
             >
               {/*  <Card>
                 <Row>
@@ -3883,7 +3885,7 @@ export default function TraficoCorresponsales (props:IProps) {
             <div style={{ height: '350px', overflow: 'scroll' }}>
               <Partidas
                 IDTrafico={IDTrafico}
-                canEdit={Depto === 'Corresponsalias' || Perfil === 'heineken'}
+                canEdit={Depto === 'Corresponsalias' || Perfil === 'Corresponsales'}
               />
             </div>
           ) : null}

src/Components/Login/login.tsx

@@ -55,8 +55,10 @@ export const Login: React.FC<{}> = () => {
         localStorage.setItem('UserType', JSON.stringify(values.UserType))
         localStorage.setItem('Perfil', JSON.stringify(values.Perfil))
         dispatch(logued(true))
-        if(values.Perfil === 'heineken'){
+        if(values.Perfil === 'Corresponsales'){
           navigate('/RptCorresponsalesTraficos/proc=1/modo=1')  
+        }else if(values.Perfil === 'Clientes'){
+          navigate('/Clientes')
         }else{
           navigate('/')
         }

src/Components/Reportes/Embarques/ReportesEmbarques.tsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { Card, Tab, Tabs } from 'react-bootstrap';
+
+export const ReportesEmbarques: React.FC = () => {
+    return (
+        <Card>
+            <Card.Body>
+                <Tabs
+                    id="uncontrolled-tab-example"
+                    className="mb-3"
+                >
+                    <Tab
+                    eventKey="EmbarquesPorImportar"
+                    title="Embarques por importar"
+                    id="TabEmbarquesPorImportar"
+                    >
+                        <Card>
+                            <Card.Body>
+                                Aqui van los elementos para actualizar, descargar y filtrar los registros
+                            </Card.Body>
+                        </Card>
+                        <Card>
+                            <Card.Body>
+                                
+                            </Card.Body>
+                        </Card>
+                    </Tab>
+                    <Tab
+                    eventKey="EmbarquesDespachados"
+                    title="Embarques Despachados"
+                    id="TabEmbarquesdespachados"
+                    >
+                        <Card>
+                            <Card.Body>
+                                Reporte de embarques despachados
+                            </Card.Body>
+                        </Card>
+                    </Tab>
+                    <Tab
+                    eventKey="BuscarEmbarques"
+                    title="Buscar Embarques"
+                    id="TabBuscarEmbarques"
+                    >
+                        <Card>
+                            <Card.Body>
+                                Buscador de embarques
+                            </Card.Body>
+                        </Card>
+                    </Tab>
+                </Tabs>
+            </Card.Body>
+        </Card>
+    )
+}

src/Components/Reportes/RptCorresponsalesTraficos.tsx

@@ -56,6 +56,10 @@ export default function RptCorresponsalesTraficos(props: IProps) {
     const stickyValue = window.localStorage.getItem('Departamento')
     return stickyValue !== null ? JSON.parse(stickyValue) : ''
   })
+  const [Perfil, setPerfil] = useState(() => {
+    const stickyValue = window.localStorage.getItem('Perfil')
+    return stickyValue !== null ? JSON.parse(stickyValue) : ''
+  }) 
   const queryParams = new URLSearchParams(window.location.search)
   const status = queryParams.get('status')
   const [StatusAnticipos, setStatusAnticipos] = useState(
@@ -597,7 +601,7 @@ export default function RptCorresponsalesTraficos(props: IProps) {
                 </Form.Control>
               </Form.Label>
             </Col>
-            {(Depto === 'Corresponsalias' || Depto === 'Sistemas')? <>
+            {(Perfil !== "Corresponsales")? <>
               <Col lg={4}>
                 <Form.Label style={{width:'100%', fontSize:'smaller'}}>
                   Cliente

src/Components/Utils/SideBar/SideBar.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { BsFileEarmarkText } from "react-icons/bs";
+import { Link } from "react-router-dom";
+
+export const SideBarMenu: React.FC = () => {
+    return (
+        <>
+            <div className="col-auto col-md-3 col-xl-2 px-sm-2 px-0" style={{backgroundColor:'#2d343c'}}>
+                <div className="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white">
+                    <ul className="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">
+                        <li className="nav-item p-2 pt-4">
+                            <Link to="/ReporteEmbarques" className="nav-link align-middle px-0 text-white">
+                                <BsFileEarmarkText/>
+                                <span className="ms-1 d-none d-sm-inline">Reporte de Embarques</span>
+                            </Link>
+                        </li>                                
+                    </ul>
+                </div>
+            </div>            
+        </>  
+    );
+}

src/index.tsx

@@ -23,6 +23,7 @@ import ResetCredentials from './Components/Login/ResetCredentials'
 import { ReporteSemanalNewell } from './Components/ReportesClientes/ReporteSemanalNewel'
 import { ReporteMensualNewell } from './Components/ReportesClientes/ReporteMensualNewell'
 import { CatCentroConstos } from './Components/Catalogos/CatCentroCostos/CatCentroCostos'
+import { ReportesEmbarques } from './Components/Reportes/Embarques/ReportesEmbarques'
 require (`./css/${process.env.REACT_APP_ENVIRONMENT}-home.css`)
 
 function PageNotFound() {
@@ -77,6 +78,7 @@ root.render(
             <Route path='newellSemanal' element={<ReporteSemanalNewell/>}/>
             <Route path='newellMensual' element={<ReporteMensualNewell/>}/>
             <Route path='CentroCostos' element={<CatCentroConstos/>}/>
+            <Route path='ReportesEmbarques' element={<ReportesEmbarques/>}/>
           </Route>
         </Routes>
       </HashRouter>