Added delete feature to NoPartes Catalog

package.json

@@ -69,7 +69,7 @@
     "start-dev": "env-cmd -f .env.development react-scripts start",
     "start-qa": "env-cmd -f .env.qa react-scripts start",
     "start-prod": "env-cmd -f .env.production react-scripts start",
-    "build-qa": "env-cmd -f .env.qa react-scripts build",
+    "build-qa": "env-cmd -f .env.qa react-scripts -version -patch build",
     "build-prod": "env-cmd -f .env.production react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"

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

@@ -4,6 +4,7 @@ import DataTable from 'react-data-table-component'
 import I2096NoParte from '../Interfaces/I2096NoParte'
 import AmazonDS from '../Services/Amazon.Services'
 import {
+  deleteNoPartes,
   populateNoPartes,
   updateNoPartes
 } from '../../../../store/features/Clientes/2096/AmazonNoPartes'
@@ -12,7 +13,7 @@ import { useDispatch, useSelector } from 'react-redux'
 import { useEffect, useState } from 'react'
 import { MsgInformativo } from '../../../Utils/Toast/msgInformativo'
 import { IconContext } from 'react-icons'
-import { BsFillPencilFill } from 'react-icons/bs'
+import { BsFillPencilFill, BsFillXCircleFill } from 'react-icons/bs'
 
 import I2096PaisClave from '../Interfaces/I2096PaisClave'
 import DTO2096PerfilesParecidos from '../DTO/DTO2096PerfilesParecidos'
@@ -42,6 +43,7 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
   const [ShowModalLog, setShowModalLog] = useState(false)
   const [ShowModalNoParteVerificacion, setShowModalNoParteVerificacion] =
     useState(false)
+  const [ShowModalDelete, setShowModalDelete] = useState(false)
   const [header, setHeader] = useState('')
   const [msgColor, setMsgColor] = useState('primary')
   const [show, setShowMsg] = useState(false)
@@ -76,6 +78,30 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
       ),
       sortable: true
     },
+    {
+      name: '',
+      width: '60px',
+      cell: (row: I2096NoParte) => (
+        <Row>
+          <Col>
+            <div
+              style={{
+                cursor: 'pointer'
+              }}
+              onClick={() => {
+                setIDParte(row.id)
+                setShowModalDelete(true)
+              }}
+            >
+              <IconContext.Provider value={{ color: 'red', size: '25px' }}>
+                <BsFillXCircleFill />
+              </IconContext.Provider>
+            </div>
+          </Col>
+        </Row>
+      ),
+      sortable: true
+    },
     {
       name: '',
       width: '60px',
@@ -427,19 +453,32 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
         setMsg('La informacion se guardo correctamente')
         setShowMsg(true)
       })
-      .catch(function(error) {
+      .catch(function (error) {
         console.log(error.toJSON())
         if (error.message == 'Request failed with status code 400') {
           setHeader('Error')
           setMsg('Fraccion no valida!')
           setShowMsg(true)
         }
-       /*  console.log(error.toJSON())
+        return
-        const errorMessage = error?.response?.data?.message
+      })
-        const message = errorMessage
+  }
+
+  const deleteNoParte = () => {
+    AmazonDS.DeleteNoParte(IDParte)
+      .then((response) => {
+        dispatch(deleteNoPartes(IDParte))
+        setHeader('Informativo')
+        setMsg('La informacion se guardo correctamente')
+        setShowMsg(true)
+      })
+      .catch(function (error) {
+        console.log(error.toJSON())
+        if (error.message == 'Request failed with status code 400') {
           setHeader('Error')
-        setMsg(message)
+          setMsg('Fraccion no valida!')
-        setShowMsg(true) */
+          setShowMsg(true)
+        }
         return
       })
   }
@@ -690,6 +729,41 @@ export default function AmazonNoPartes(props: IAmazonNoPartesProps) {
           {/*   </div> */}
         </Modal.Body>
       </Modal>
+
+      <Modal
+        show={ShowModalDelete}
+        onHide={() => {
+          setShowModalDelete(false)
+        }}
+        size={'sm'}
+        dialogClassName={'modal-50w'}
+      >
+        <Modal.Header>
+          <Modal.Title>
+            <Row>
+              <Col xs={12}>
+                <Alert variant="warning">
+                  <h3>¿Esta seguro de eliminar el no parte: {Parte}</h3>
+                </Alert>
+              </Col>
+            </Row>
+          </Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+          <Row style={{ paddingTop: '15px' }}>
+            <Col></Col>
+            <Col xs={5}>
+              <Button variant={'danger'} onClick={()=>{deleteNoParte()}}>Elimina</Button>
+            </Col>
+            <Col xs={5}>
+              <Button variant={'secondary'} onClick={()=>{setShowModalDelete(false)}}>Salir</Button>
+            </Col>
+            <Col></Col>
+          </Row>
+          {/*   </div> */}
+        </Modal.Body>
+      </Modal>
+
       <MsgInformativo
         show={show}
         msg={msg}

src/Components/Clientes/Amazon/Services/Amazon.Services.ts

@@ -267,5 +267,8 @@ class AmazonDataService {
   ClasificacionBOT(id: number) {
     return http.get<DTO2096TraficoConsultaAmazonHeader>(`/AmazonInvoice/Bot/Clasificacion?id=${id}`)
   }
+  DeleteNoParte(id: number) {
+    return http.delete<Boolean>(`/AmazonInvoice/DeleteNoParte?id=${id}`)
+  }
 }
 export default new AmazonDataService()

src/Components/Utils/Toast/msgInformativo.tsx

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