Se cambia el repositorio para que se guarde como un subdominio de gemcousa.mx

src/Components/Clientes/Amazon/Reportes/Clasification/WaitingAnswerFromAmazon/RptPendingAnswerFromAmazonDetail.tsx

@@ -169,20 +169,22 @@ export default function RptPendingAnswerFromAmazonDetail(
   }, [EstatusSwith, UserChanged])
 
   const ColorSET = (value: number, mode: number) => {
-    switch(mode) {
+    switch (mode) {
       case 1: {
         // Background color
         if (value === 1) return '#FFFAF2'
         else if (value === 2) return '#E5F7B6'
         else if (value === 3) return '#E9F3FC'
         break
-      } case 2: {
+      }
+      case 2: {
         // Border color
         if (value === 1) return '2px solid #F9A721'
         else if (value === 2) return '2px solid green'
         else if (value === 3) return '2px solid blue'
         break
-      } case 3: {
+      }
+      case 3: {
         // Color
         if (value === 1) return '#5923F6'
         if (value === 2) return '#000000'
@@ -194,59 +196,59 @@ export default function RptPendingAnswerFromAmazonDetail(
 
   return (
     <>
-    {props.detail.confirmaFraccion === 2 ? 
-      <tr>
-        <th
-          style={{
-            width: '50px',
-            backgroundColor: '#FFFFFF'
-          }}
-          className="DetailData"
-        >
-          &nbsp;
-        </th>
-        <td
-          style={{
-            textAlign: 'center',
-            cursor: 'pointer'
-          }}
-          className="DetailData"
-          onClick={() => openLink(props.detail.itemId)}
-        >
-          {props.detail.itemId}
-        </td>
-        <td
-          style={{
-            textAlign: 'right'
-          }}
-          className="DetailData"
-        >
-          {props.detail.itemDescription}
-        </td>
-        <td
-          style={{
-            textAlign: 'right'
-          }}
-          className="DetailData"
-        >
-          {props.detail.pedimentoDescription}
-        </td>
-        <td
-          style={{
-            textAlign: 'center',
-            fontSize: '18px'
-          }}
-          className="DetailData"
-        >
-          &nbsp;&nbsp;{props.detail.destinationHTSCode}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-        {/*   {props.detail.validaFraccionOriginal === 0 ? (
+      {props.detail.confirmaFraccion === 2 ? (
+        <tr>
+          <th
+            style={{
+              width: '50px',
+              backgroundColor: '#FFFFFF'
+            }}
+            className="DetailData"
+          >
+            &nbsp;
+          </th>
+          <td
+            style={{
+              textAlign: 'center',
+              cursor: 'pointer'
+            }}
+            className="DetailData"
+            onClick={() => openLink(props.detail.itemId)}
+          >
+            {props.detail.itemId}
+          </td>
+          <td
+            style={{
+              textAlign: 'right'
+            }}
+            className="DetailData"
+          >
+            {props.detail.itemDescription}
+          </td>
+          <td
+            style={{
+              textAlign: 'right'
+            }}
+            className="DetailData"
+          >
+            {props.detail.pedimentoDescription}
+          </td>
+          <td
+            style={{
+              textAlign: 'center',
+              fontSize: '18px'
+            }}
+            className="DetailData"
+          >
+            &nbsp;&nbsp;{props.detail.destinationHTSCode}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {/*   {props.detail.validaFraccionOriginal === 0 ? (
             <IconContext.Provider
               value={{
                 color: 'orange',
@@ -283,40 +285,42 @@ export default function RptPendingAnswerFromAmazonDetail(
               <ImCross />
             </IconContext.Provider>
           )} */}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          <ComboFraccion
-            IDInvoice={props.IDMaster}
-            IDDetail={props.detail.id}
-            FraccionOriginal={props.detail.destinationHTSCode}
-            ConfirmaFraccion={props.detail.confirmaFraccion}
-            Deshabilitado={true}
-            Detail={props.detail}
-          />
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          <CurrencyFormat
-            value={props.detail.fraccionGEMCO ? props.detail.fraccionGEMCO : ''}
-            disabled={true}
-            format={'######## ##'}
-            displayType={'input'}
+          </td>
+          <td
             style={{
-              fontSize: '18px',
-              backgroundColor:
-                props.detail.validaFraccionOriginal === 0
-                  ? '#FFFAF2 '
-                  : '#E5F7B6',
-             /*  border:
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            <ComboFraccion
+              IDInvoice={props.IDMaster}
+              IDDetail={props.detail.id}
+              FraccionOriginal={props.detail.destinationHTSCode}
+              ConfirmaFraccion={props.detail.confirmaFraccion}
+              Deshabilitado={true}
+              Detail={props.detail}
+            />
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            <CurrencyFormat
+              value={
+                props.detail.fraccionGEMCO ? props.detail.fraccionGEMCO : ''
+              }
+              disabled={true}
+              format={'######## ##'}
+              displayType={'input'}
+              style={{
+                fontSize: '18px',
+                backgroundColor:
+                  props.detail.validaFraccionOriginal === 0
+                    ? '#FFFAF2 '
+                    : '#E5F7B6',
+                /*  border:
                 props.detail.validaFraccionOriginal === 0
                   ? '2px solid #F9A721'
                   : '2px solid green',
@@ -324,184 +328,187 @@ export default function RptPendingAnswerFromAmazonDetail(
                 props.detail.validaFraccionOriginal === 0
                   ? '#5923F6'
                   : '#000000', */
-              border: '2px solid #000000',
-              color: '@000000',    
-              width: '115px',
-              textAlign: 'right',
-              borderRadius: '10px'
+                border: '2px solid #000000',
+                color: '@000000',
+                width: '115px',
+                textAlign: 'right',
+                borderRadius: '10px'
+              }}
+            />
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            <ComboDescripcion
+              IDInvoice={props.IDMaster}
+              IDDetail={props.detail.id}
+              DescripcionOriginal={props.detail.pedimentoDescription}
+              ConfirmaDescripcion={props.detail.confirmaDescripcion}
+              Deshabilitado={true}
+              Detail={props.detail}
+            />
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.descripcionGEMCO}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.countryOfOrigin}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.productGroup}
+          </td>
+          <td
+            style={{
+              textAlign: 'right'
+            }}
+            className="DetailData"
+          >
+            {props.detail.brand}
+          </td>
+          <td
+            style={{
+              textAlign: 'right'
+            }}
+            className="DetailData"
+          >
+            {props.detail.model}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.itemQuantityUnitOfMeasure}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.quantity}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.weightValue}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
             }}
-          />
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          <ComboDescripcion
-            IDInvoice={props.IDMaster}
-            IDDetail={props.detail.id}
-            DescripcionOriginal={props.detail.pedimentoDescription}
-            ConfirmaDescripcion={props.detail.confirmaDescripcion}
-            Deshabilitado={true}
-            Detail={props.detail}
-          />
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.descripcionGEMCO}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.countryOfOrigin}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.productGroup}
-        </td>
-        <td
-          style={{
-            textAlign: 'right'
-          }}
-          className="DetailData"
-        >
-          {props.detail.brand}
-        </td>
-        <td
-          style={{
-            textAlign: 'right'
-          }}
-          className="DetailData"
-        >
-          {props.detail.model}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.itemQuantityUnitOfMeasure}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.quantity}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.weightValue}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.netWeightUnitOfMeasure}
-        </td>
-        <td
-          style={{
-            textAlign: 'center'
-          }}
-          className="DetailData"
-        >
-          {props.detail.actualUnitCostMonetaryAmount}
-        </td>
-        <td
-         /*  style={{visibility: EstatusSwith ? 'hidden' : 'visible'}} */
-          className="DetailData"
-        >
-          <FormCheck
-            className="form-check form-switch form-control-lg"
-            id="switchEnabled"
-            type="switch"
-            /* disabled={
+            className="DetailData"
+          >
+            {props.detail.netWeightUnitOfMeasure}
+          </td>
+          <td
+            style={{
+              textAlign: 'center'
+            }}
+            className="DetailData"
+          >
+            {props.detail.actualUnitCostMonetaryAmount}
+          </td>
+          <td
+            /*  style={{visibility: EstatusSwith ? 'hidden' : 'visible'}} */
+            className="DetailData"
+          >
+            <FormCheck
+              className="form-check form-switch form-control-lg"
+              id="switchEnabled"
+              type="switch"
+              /* disabled={
               props.detail.fraccionGEMCO ===
               props.detail.destinationHTSCode.replaceAll('.', '')
             } */
-            disabled={EstatusSwith}
-            checked={EstatusSwith && props.detail.autorizado}
-            onChange={() => {
-              setEstatusSwitch(!EstatusSwith)
-              setUserChanged(true)
-              setShowModal(!EstatusSwith)
+              disabled={EstatusSwith}
+              checked={EstatusSwith && props.detail.autorizado}
+              onChange={() => {
+                setEstatusSwitch(!EstatusSwith)
+                setUserChanged(true)
+                setShowModal(!EstatusSwith)
+              }}
+              label=""
+            />
+          </td>
+          <td
+            style={{
+              visibility:
+                CumplimientoNormativo.length === 0 ? 'hidden' : 'visible'
             }}
-            label=""
-          />
-        </td>
-        <td
-          style={{
-            visibility:
-              CumplimientoNormativo.length === 0 ? 'hidden' : 'visible'
-          }}
-        >
-          <OverlayTrigger
-            placement="bottom"
-            overlay={
-              <Tooltip id="button-tooltip-2">{CumplimientoNormativo}</Tooltip>
-            }
           >
-            {({ ref, ...triggerHandler }) => (
-              <Button variant="light" {...triggerHandler}>
-                <IconContext.Provider
-                  value={{
-                    color: 'blue',
-                    size: '25px'
-                  }}
-                >
-                  <AiOutlineFileSearch />
-                </IconContext.Provider>
-                <span className="ms-1"></span>
-              </Button>
-            )}
-          </OverlayTrigger>
-        </td>
-        <td
-          style={{
-            visibility:
-              CumplimientoNormativo.length === 0 ? 'hidden' : 'visible'
-          }}
-        >
-          <OverlayTrigger
-            placement="bottom"
-            overlay={<Tooltip id="button-tooltip-2">{Comentarios}</Tooltip>}
+            <OverlayTrigger
+              placement="bottom"
+              overlay={
+                <Tooltip id="button-tooltip-2">{CumplimientoNormativo}</Tooltip>
+              }
+            >
+              {({ ref, ...triggerHandler }) => (
+                <Button variant="light" {...triggerHandler}>
+                  <IconContext.Provider
+                    value={{
+                      color: 'blue',
+                      size: '25px'
+                    }}
+                  >
+                    <AiOutlineFileSearch />
+                  </IconContext.Provider>
+                  <span className="ms-1"></span>
+                </Button>
+              )}
+            </OverlayTrigger>
+          </td>
+          <td
+            style={{
+              visibility:
+                CumplimientoNormativo.length === 0 ? 'hidden' : 'visible'
+            }}
           >
-            {({ ref, ...triggerHandler }) => (
-              <Button variant="light" {...triggerHandler}>
-                <IconContext.Provider
-                  value={{
-                    color: 'green',
-                    size: '25px'
-                  }}
-                >
-                  <BsFillChatRightTextFill />
-                </IconContext.Provider>
-                <span className="ms-1"></span>
-              </Button>
-            )}
-          </OverlayTrigger>
-        </td>
-      </tr> : '' }
+            <OverlayTrigger
+              placement="bottom"
+              overlay={<Tooltip id="button-tooltip-2">{Comentarios}</Tooltip>}
+            >
+              {({ ref, ...triggerHandler }) => (
+                <Button variant="light" {...triggerHandler}>
+                  <IconContext.Provider
+                    value={{
+                      color: 'green',
+                      size: '25px'
+                    }}
+                  >
+                    <BsFillChatRightTextFill />
+                  </IconContext.Provider>
+                  <span className="ms-1"></span>
+                </Button>
+              )}
+            </OverlayTrigger>
+          </td>
+        </tr>
+      ) : (
+        ''
+      )}
 
       <Modal
         show={ShowModal}
@@ -517,9 +524,17 @@ export default function RptPendingAnswerFromAmazonDetail(
               <Col xs={12}>
                 <Alert key={'danger'} variant={'danger'}>
                   <Row>
-                    <Col xs={3} style={{fontWeight:'bold', cursor: 'pointer'}} onClick={() => openLink(props.detail.itemId)}>({props.detail.itemId})</Col>
-                    <Col xs={9}>¿Esta seguro que esta fraccion ya la autorizo Amazon?</Col>
-                  </Row>                  
+                    <Col
+                      xs={3}
+                      style={{ fontWeight: 'bold', cursor: 'pointer' }}
+                      onClick={() => openLink(props.detail.itemId)}
+                    >
+                      ({props.detail.itemId})
+                    </Col>
+                    <Col xs={9}>
+                      ¿Esta seguro que esta fraccion ya la autorizo Amazon?
+                    </Col>
+                  </Row>
                 </Alert>
               </Col>
             </Row>
@@ -569,9 +584,7 @@ export default function RptPendingAnswerFromAmazonDetail(
                   as="textarea"
                   id="Comentarios"
                   size="sm"
-                  value={
-                       Comentarios                    
-                  }
+                  value={Comentarios}
                   onChange={(e) => setComentarios(e.target.value)}
                 />
               </Col>