contentoh-components-library 17.0.0 → 18.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",

package/src/components/atoms/GenericModal/styles.js

@@ -12,6 +12,8 @@ export const Container = styled.div`
   position: fixed;
   background-color: rgba(59, 59, 59, 0.53);
   backdrop-filter: blur(4px);
+  top: 0;
+  left: 0;
   z-index: 100;
 
   .global-styles {

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/index.js

@@ -453,7 +453,7 @@ export const RetailerProductEdition = ({
     } else {
       // setMainLoading(false);
       setMessage(
-        "Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.<br>Recuerda hay campos obligatorios y no podras avanzar si no estan completos."
+        "Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos."
       );
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1146,11 +1146,9 @@ export const RetailerProductEdition = ({
       {message.length > 0 && (
         <GenericModal
           componentsArray={
-            componentsArray.length > 0 ? (
-              componentsArray
-            ) : (
-              <ScreenHeader text={message} />
-            )
+            componentsArray.length > 0
+              ? componentsArray
+              : [<ScreenHeader key="1" text={message} />]
           }
           onClick={() => setMessage("")}
         />