contentoh-components-library 15.0.0 → 18.0.0

package/src/components/organisms/FullTabsMenu/index.js

@@ -9,12 +9,12 @@ export const FullTabsMenu = ({
   activeTab,
   setActiveTab,
   setImageLayout,
-  saveDatasheets,
-  saveDescriptions,
-  updateImages,
   assig,
   setAssignation,
   isRetailer,
+  downloadImages,
+  askToDeleteImages,
+  onClickSave,
 }) => {
   const [imagesSection, setImagesSection] = useState(false);
 
@@ -30,12 +30,12 @@ export const FullTabsMenu = ({
         activeTab={activeTab}
         setImageLayout={setImageLayout}
         imagesSection={imagesSection}
-        saveDatasheets={saveDatasheets}
-        saveDescriptions={saveDescriptions}
-        updateImages={updateImages}
         assignationsImages={assig}
         setAssignation={setAssignation}
         isRetailer={isRetailer}
+        downloadImages={downloadImages}
+        onClickSave={onClickSave}
+        askToDeleteImages={askToDeleteImages}
       />
     </Container>
   );

package/src/components/organisms/ImageDataTable/index.js

@@ -14,6 +14,7 @@ export const ImageDataTable = ({
   imagesStatus,
   setAssignation,
   isRetailer,
+  onClickSave,
 }) => {
   return (
     <Container darkMode={darkMode}>
@@ -23,6 +24,7 @@ export const ImageDataTable = ({
         assignationsImages={assignationsImages}
         setAssignation={setAssignation}
         isRetailer={isRetailer}
+        onClickSave={onClickSave}
       />
       <Row>
         <ScreenHeader headerType={"table-row-text"} text="Tipo de toma" />

package/src/components/organisms/ProductImageModal/index.js

@@ -5,7 +5,6 @@ import { ImageSelector } from "../../molecules/ImageSelector";
 import { useState, useEffect } from "react";
 import { ValidationPanel } from "../../atoms/ValidationPanel";
 import { Button } from "../../atoms/GeneralButton";
-import { getImage } from "../../../global-files/data";
 
 export const ProductImageModal = ({
   images = [],
@@ -31,6 +30,8 @@ export const ProductImageModal = ({
     }
   };
 
+  console.log(images?.values[activeImage]);
+
   useEffect(() => {
     if (showValidationPanel) {
       document.addEventListener("click", closeValidationPanel, false);
@@ -42,7 +43,12 @@ export const ProductImageModal = ({
       <div className="modal-container">
         <div className="modal-image-container">
           <ProductImage
-            img={images?.values[activeImage]?.src}
+            img={
+              "https://" +
+              process.env.REACT_APP_IMAGES_BUCKET +
+              ".s3.amazonaws.com/" +
+              images?.values[activeImage]?.srcDB
+            }
             altText={images?.values[activeImage]?.name}
             imageType={"expanded-modal-image"}
           />

package/src/components/organisms/ProductImageModal/styles.js

@@ -11,6 +11,9 @@ export const Container = styled.div`
   position: fixed;
   background-color: rgba(59, 59, 59, 0.53);
   backdrop-filter: blur(4px);
+  left: 0;
+  top: 0;
+  z-index: 100;
 
   .modal-container {
     display: flex;

package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -74,9 +74,9 @@ RetailerProductEditionDefault.args = {
       company_name: "COMPANY DEV",
       country: "Colombia",
       id_order: 101,
-      id_datasheet_especialist: 54,
+      id_datasheet_especialist: 36,
       id_datasheet_facilitator: 52,
-      id_description_especialist: 54,
+      id_description_especialist: 36,
       id_description_facilitator: 52,
       id_images_especialist: 55,
       id_images_facilitator: 53,
@@ -105,17 +105,7 @@ RetailerProductEditionDefault.args = {
       },
     ],
     country: "Colombia",
-    modal: false,
-    modalCadenas: false,
-    totalCadenas: false,
-    modalAsig1: false,
-    modalFD: false,
-    modalAsig2: false,
-    modalAsig3: false,
-    modalAsig4: false,
-    modalAsig5: false,
-    modalFI: false,
-    modalQA: false,
+    upc: "7491989462",
   },
   user: {
     id_user: 30,
@@ -147,6 +137,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES",
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1647395550234",
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1649434410216",
   },
 };