Al agregar un contenedor ahora su semaforo inicial será en verde

src/Components/Corresponsales/Contenedores/SelectContainer.tsx

@@ -4,7 +4,7 @@ import { RootState } from '../../../store/store'
 import CContDataService from '../../../Services/Corresponsalias/Corresponsales.Contenedores.Services'
 import ICorresponsalContenedores from '../../../Interfaces/Corresponsales/ICorresponsalContenedores'
 import { IconContext } from 'react-icons'
-import { BsFillCalendarCheckFill, BsFillCalendarDayFill, BsFillRecordFill, BsFillXCircleFill } from 'react-icons/bs'
+import { BsFillCalendarCheckFill, BsFillCalendarDayFill, BsFillRecordFill, BsFillXCircleFill, BsLink45Deg, BsPencil } from 'react-icons/bs'
 import {
   deleteCorresponsalesContenedores,
   updateCorresponsalesContenedores,
@@ -15,7 +15,7 @@ import 'react-datepicker/dist/react-datepicker.css'
 //Images
 import caret from '../../../images/caret.png';
 import clean from '../../../images/Clean.png';
-import { FaFile } from 'react-icons/fa'
+import { FaFile, FaPencilAlt } from 'react-icons/fa'
 import { FacturasContenedor } from './FacturasContenedor'
 
 interface IProps {
@@ -62,7 +62,7 @@ export const SelectContainer: FC<IProps> = (props) => {
         contenedor: Contenedor,
         idTrafico: props.IDTrafico,
         fSemaforo: FSemaforo ? adjustTimeZone(FSemaforo.toISOString()) : '',
-        semaforo: Semaforo,
+        semaforo: 2,
       }
       CContDataService.Append(data)
         .then((response) => {
@@ -211,32 +211,25 @@ export const SelectContainer: FC<IProps> = (props) => {
                   ? mCContenedores
                       .map((item, index) => {
                         return item.id > 0 ? (
-                          <li key={item.id} onClick={() => loadInfo(item)}>
-                            <span
-                              onClick={() => {
-                                setDialogTabs(true)
-                              }}
-                            >
+                          <li key={item.id} style={{marginBottom:'3px'}}>
+                            <span>
                               <IconContext.Provider value={{ color: 'red', size: '15px' }}>
-                                <BsFillXCircleFill />
+                                <BsFillXCircleFill className='pointer' onClick={() => {setDialogTabs(true)}}/>
                               </IconContext.Provider>
                             </span>
                             <span style={{paddingLeft:'3px'}}>
                                 <IconContext.Provider value={{ color: 'green', size: '15px' }}>
-                                  <FaFile onClick={() => setShowFacturasDialog(true)}/>
+                                  <BsLink45Deg className='pointer' onClick={() => setShowFacturasDialog(true)}/>
+                                </IconContext.Provider>
+                            </span>
+                            <span style={{paddingLeft:'3px'}}>
+                                <IconContext.Provider value={{ color: 'blue', size: '15px' }}>
+                                  <BsPencil className='pointer' onClick={() => loadInfo(item)} />
                                 </IconContext.Provider>
                             </span>
                             <span style={{ paddingLeft: '10px' }}>{item.contenedor}</span>
-                            <span
-                              onClick={() => {
-                                setFSemaforo(StrtoDate(item.fSemaforo))
-                                setSemaforo(item.semaforo)
-                                setDialogAddDate(true)
-                                setToggleSelect(!toggleSelect)
-                              }}
-                            >
-                              &nbsp;| {item.fSemaforo} |{' '}
-                              {item.fSemaforo ? (
+                            <span>
+                              &nbsp;| {item.fSemaforo} |{
                                 item.semaforo === 1 ? (
                                   <IconContext.Provider value={{ color: 'red', size: '20px' }}>
                                     <BsFillRecordFill />
@@ -246,20 +239,24 @@ export const SelectContainer: FC<IProps> = (props) => {
                                     <BsFillRecordFill />
                                   </IconContext.Provider>
                                 ) : ('')
-                              ) : (
-                                ''
-                              )}
-                              <span
+                              }
+                              <span>
+                                <IconContext.Provider value={{ color: 'green', size: '20px' }}>
+                                  <BsFillCalendarCheckFill
+                                    className='pointer'
                                     style={{
-                                  paddingLeft: '20px',
+                                      paddingLeft: '5px',
                                       visibility: props.Editable && toggleSelect ? 'visible' : 'hidden',
                                     }}
-                              >
-                                <IconContext.Provider value={{ color: 'green', size: '15px' }}>
-                                  <BsFillCalendarCheckFill />
+                                    onClick={() => {
+                                      setFSemaforo(StrtoDate(item.fSemaforo))
+                                      setSemaforo(item.semaforo)
+                                      setDialogAddDate(true)
+                                      setToggleSelect(!toggleSelect)
+                                    }}
+                                  />
                                 </IconContext.Provider>
                               </span>
-                              
                             </span>
                           </li>
                         ) : (

src/css/generic01.css

@@ -172,7 +172,10 @@
      padding-left: 10px;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 12px;
-     cursor: pointer;
+   }
+
+   .pointer{
+    cursor:pointer
    }
    
    /* li:hover {