Modal anticipos formulario responsivo, fix a error al cargar archivo a un anticipo recien capturado

src/Components/Corresponsales/Anticipos/Anticipos.tsx

@@ -83,7 +83,7 @@ export const Anticipos: FC<IProps> = (props) => {
                 <IconContext.Provider value={{ color: 'blue', size: '18px' }}>
                   <BsPencilFill
                     onClick={() => {
-                      loadRow(params.data.id)
+                      loadRow(params.data)
                     }}
                     style={{ cursor: 'pointer' }}
                   />
@@ -92,7 +92,7 @@ export const Anticipos: FC<IProps> = (props) => {
                 <IconContext.Provider value={{ color: 'red', size: '20px' }}>
                   <BsFileEarmarkPdf
                     onClick={() => {
-                      viewDoc(params.value)
+                      viewDoc(params.data)
                       //getFileContent(params.value)
                     }}
                     style={{ cursor: 'pointer' }}
@@ -189,7 +189,7 @@ export const Anticipos: FC<IProps> = (props) => {
               <IconContext.Provider value={{ color: 'red', size: '18px' }}>
                 <BsQuestionOctagonFill
                   onClick={() => {
-                    return Depto === 'Contabilidad' ? viewDocConta(params.value) : '#'
+                    return Depto === 'Contabilidad' ? viewDocConta(params.data) : '#'
                   }}
                   style={{ cursor: 'pointer' }}
                 />
@@ -202,7 +202,7 @@ export const Anticipos: FC<IProps> = (props) => {
               <IconContext.Provider value={{ color: 'green', size: '18px' }}>
                 <BsCheckCircleFill
                   onClick={() => {
-                    viewDocConta(params.value)
+                    viewDocConta(params.data)
                   }}
                   style={{ cursor: 'pointer' }}
                 />
@@ -278,28 +278,25 @@ export const Anticipos: FC<IProps> = (props) => {
       })
   }
 
-  const loadRow = (idRow: number) => {
+  const loadRow = (data: ICorresponsalAnticipos) => {
-    var tmpArray = mCAnticipos.filter(function (item) {
+    setIdAnticipo(data.id)
-      return item.id === idRow
+    setAnticipo(data.anticipo)
-    })
+    setConcepto(data.concepto)
-    setIdAnticipo(tmpArray[0].id)
+    setMoneda(data.moneda)
-    setAnticipo(tmpArray[0].anticipo)
-    setConcepto(tmpArray[0].concepto)
-    setMoneda(tmpArray[0].moneda)
   }
 
-  const viewDoc = (idRow: number) => {
+  const viewDoc = (data: ICorresponsalAnticipos) => {
-    loadRow(idRow)
+    loadRow(data)
     setMsgDialogFileManager(true)
   }
 
-  const viewDocConta = (idRow: number) => {
+  const viewDocConta = (data: ICorresponsalAnticipos) => {
-    loadRow(idRow)
+    loadRow(data)
     setMsgDialogFileManagerConta(true)
   }
 
-  const authorizeItem = (id: number) => {
+  const authorizeItem = (data: ICorresponsalAnticipos) => {
-    loadRow(id)
+    loadRow(data)
     setMsgDialog(true)
   }
 
@@ -377,10 +374,10 @@ export const Anticipos: FC<IProps> = (props) => {
           </Col>
         </Row>
         <Row
-          style={{ paddingBottom: '5', paddingTop: '15' }}
+          style={{ paddingBottom: '5', paddingTop: '15', alignItems: 'center' }}
           className={props.canDelete ? 'visible' : 'invisible heightZero'}
         >
-          <Col md='auto' xs={1}>
+          <Col md={2} lg={3}>
             <Button
               variant='warning'
               size='sm'
@@ -392,10 +389,7 @@ export const Anticipos: FC<IProps> = (props) => {
               &nbsp;Limpiar
             </Button>
           </Col>
-          <Col xs={3}>
+          <Col md={3} lg={2}>
-            <Form.Control type='hidden' id='IdAnticipo' size='sm' value={IdAnticipo} placeholder='id' disabled={true} />
-          </Col>
-          <Col xs={2}>
             <CurrencyFormat
               value={Anticipo}
               displayType={'input'}
@@ -415,7 +409,7 @@ export const Anticipos: FC<IProps> = (props) => {
               }}
             />
           </Col>
-          <Col xs={1}>
+          <Col md={2} lg={2}>
             <Form.Control
               as='select'
               className='form-select form-select-sm'
@@ -428,7 +422,7 @@ export const Anticipos: FC<IProps> = (props) => {
               <option value='2'>Dolares</option>
             </Form.Control>
           </Col>
-          <Col xs={2}>
+          <Col md={3} lg={2}>
             <Form.Control
               as='select'
               className='form-select form-select-sm'
@@ -441,8 +435,7 @@ export const Anticipos: FC<IProps> = (props) => {
               <option value='1'>Financiado</option>
             </Form.Control>
           </Col>
-          <Col xs={2}></Col>
+          <Col md={2} lg={3} style={{display:'flex', justifyContent:'end'}}>
-          <Col xs={1}>
             <Button
               variant='primary'
               size='sm'
@@ -454,6 +447,7 @@ export const Anticipos: FC<IProps> = (props) => {
               &nbsp;Guardar
             </Button>
           </Col>
+          <Form.Control type='hidden' id='IdAnticipo' size='sm' value={IdAnticipo} placeholder='id' disabled={true} />
         </Row>
         <Row style={{ paddingBottom: 5 }}>
           <Col xs={12}>