Fixed form: AmazonNoPartes Fraccion + subdivision also validated with public web service

src/Components/Clientes/Amazon/Reportes/AmazonNoPartes.tsx

@@ -35,10 +35,13 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
   const [NoParteLOG, setNoParteLOG] = useState<I2096NoParteLog[]>([])
   const [PaisClaves, setPaisClaves] = useState<I2096PaisClave[]>([])
   const [Data, setData] = useState<DTO2096PerfilesParecidos[]>([])
-  const [DataNoParteVerificacion, setDataNoParteVeriifcacion] = useState<DTO2096NoParteVerificacion[]>([])
+  const [DataNoParteVerificacion, setDataNoParteVeriifcacion] = useState<
+    DTO2096NoParteVerificacion[]
+  >([])
   const [ShowModal, setShowModal] = useState(false)
   const [ShowModalLog, setShowModalLog] = useState(false)
-  const [ShowModalNoParteVerificacion, setShowModalNoParteVerificacion] = useState(false)
+  const [ShowModalNoParteVerificacion, setShowModalNoParteVerificacion] =
+    useState(false)
   const [header, setHeader] = useState('')
   const [msgColor, setMsgColor] = useState('primary')
   const [show, setShowMsg] = useState(false)
@@ -81,12 +84,11 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
           <Col>
             <div
               style={{
-                cursor: 'pointer',
+                cursor: 'pointer'
               }}
               onClick={() => {
                 loadDataNoParteVerificacion(row)
                 setShowModalNoParteVerificacion(true)
-
               }}
             >
               <IconContext.Provider value={{ color: '#60DD0E', size: '30px' }}>
@@ -166,13 +168,15 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     {
       name: 'UMF',
       width: '80px',
-      selector: (row: I2096NoParte) => row.unidadMedidaFactura ? row.unidadMedidaFactura : '',
+      selector: (row: I2096NoParte) =>
+        row.unidadMedidaFactura ? row.unidadMedidaFactura : '',
       sortable: true
     },
     {
       name: 'UMC',
       width: '80px',
-      selector: (row: I2096NoParte) => row.unidadMedidaCOVE ? row.unidadMedidaCOVE : '',
+      selector: (row: I2096NoParte) =>
+        row.unidadMedidaCOVE ? row.unidadMedidaCOVE : '',
       sortable: true
     },
     {
@@ -215,7 +219,8 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     {
       name: 'Fracc Original',
       width: '130px',
-      cell: (row: I2096NoParteLog) => row.fraccionOriginal ? row.fraccionOriginal : '',
+      cell: (row: I2096NoParteLog) =>
+        row.fraccionOriginal ? row.fraccionOriginal : '',
       sortable: true
     },
     {
@@ -228,7 +233,8 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     {
       name: 'NICO Original',
       width: '130px',
-      cell: (row: I2096NoParteLog) => row.subdivisionOriginal ? row.subdivisionOriginal : '',
+      cell: (row: I2096NoParteLog) =>
+        row.subdivisionOriginal ? row.subdivisionOriginal : '',
       sortable: true,
       center: true
     },
@@ -237,7 +243,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
       width: '250px',
       cell: (row: I2096NoParteLog) => row.descripcionAgenteAduanal,
       wrap: true,
-      sortable: true,
+      sortable: true
     },
     {
       name: 'Desc Original',
@@ -256,7 +262,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     {
       name: 'Usuario',
       width: '300px',
-      cell: (row: I2096NoParteLog) => row.sUsuario ? row.sUsuario : '',
+      cell: (row: I2096NoParteLog) => (row.sUsuario ? row.sUsuario : ''),
       wrap: true,
       sortable: true
     }
@@ -294,7 +300,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
       width: '100px',
       cell: (row: DTO2096NoParteVerificacion) => row.aduana,
       wrap: true,
-      sortable: true,
+      sortable: true
     },
     {
       name: 'Pedimento',
@@ -305,7 +311,6 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     }
   ]
 
-
   const openLink = (item: string) => {
     window.open('https://www.amazon.com/dp/' + item)
   }
@@ -315,7 +320,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     if (Id === 0) return NoAsignado
     else if (Data.length) {
       const Usuario = Data.filter((item) => item.idUsuario === Id)
-      return Usuario ? Usuario[0].nombre : NoAsignado
+      return Usuario.length ? Usuario[0].nombre : NoAsignado
     }
     return NoAsignado
   }
@@ -396,6 +401,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     }
     AmazonDS.NoPartesGet(Search)
       .then((response) => {
+        console.log(response.data)
         dispatch(populateNoPartes(response.data))
       })
       .catch((e: Error) => {
@@ -417,11 +423,23 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
     AmazonDS.NoPartesUpdate(data)
       .then((response) => {
         dispatch(updateNoPartes(response.data))
+        setHeader('Informativo')
+        setMsg('La informacion se guardo correctamente')
+        setShowMsg(true)
       })
-      .catch((e: Error) => {
+      .catch(function(error) {
+        console.log(error.toJSON())
+        if (error.message == 'Request failed with status code 400') {
           setHeader('Error')
-        setMsg('Ocurrio un error: ' + e)
+          setMsg('Fraccion no valida!')
           setShowMsg(true)
+        }
+       /*  console.log(error.toJSON())
+        const errorMessage = error?.response?.data?.message
+        const message = errorMessage
+        setHeader('Error')
+        setMsg(message)
+        setShowMsg(true) */
         return
       })
   }

src/Components/Utils/Toast/msgInformativo.tsx

@@ -15,7 +15,7 @@ interface IProps {
 export const MsgInformativo: FC<IProps> = (props) => {
   return (
     <div>
-      <ToastContainer position={'middle-center'}>
+      <ToastContainer position={'middle-center'} style={{zIndex:'9999 !important'}} >
         <Toast 
           show={props.show}
           delay={props.time}