l-min-components 1.0.765 → 1.0.773

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.765",
+  "version": "1.0.773",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/button/index.jsx

@@ -1,5 +1,6 @@
 import React, { useCallback, CSSProperties } from "react";
 import styled from "styled-components";
+import useTranslation from "../../hooks/useTranslation";
 /**
  * @param {{
  *  type?: ("primary" | "secondary" | "tertiary"),
@@ -19,6 +20,8 @@ import styled from "styled-components";
  *
  */
 const ButtonComponent = (props) => {
+  const { textSchema, findText } = useTranslation();
+
   const handleClick = useCallback((e) => {
     props.onClick && props.onClick(e);
   }, []);
@@ -26,6 +29,7 @@ const ButtonComponent = (props) => {
   switch (props.type) {
     case "primary":
       return (
+        textSchema &&
         <Button
           disabled={props.disabled}
           onClick={handleClick}
@@ -49,7 +53,7 @@ const ButtonComponent = (props) => {
               />
             )
           )}
-          {props.text ?? "Text"}
+          {findText(props.text) ?? "Text"}
           {props.icon?.right && props.icon.jsx ? (
             <props.icon.jsx
               {...{
@@ -73,6 +77,7 @@ const ButtonComponent = (props) => {
       );
     case "secondary":
       return (
+        textSchema &&
         <SecondaryButton
           disabled={props.disabled}
           onClick={handleClick}
@@ -96,7 +101,7 @@ const ButtonComponent = (props) => {
               />
             )
           )}
-          {props.text ?? "Text"}
+          {findText(props.text) ?? "Text"}
           {props.icon?.right && props.icon.jsx ? (
             <props.icon.jsx
               {...{
@@ -143,7 +148,7 @@ const ButtonComponent = (props) => {
               />
             )
           )}
-          {props.text ?? "Text"}
+          {findText(props.text) ?? "Text"}
           {props.icon?.right && props.icon.jsx ? (
             <props.icon.jsx
               {...{
@@ -167,6 +172,7 @@ const ButtonComponent = (props) => {
       );
     default:
       return (
+        textSchema &&
         <Button
           disabled={props.disabled}
           onClick={handleClick}
@@ -190,7 +196,7 @@ const ButtonComponent = (props) => {
               />
             )
           )}
-          {props.text ?? "Text"}
+          {findText(props.text) ?? "Text"}
           {props.icon?.right && props.icon.jsx ? (
             <props.icon.jsx
               {...{

package/src/components/header/login-header.jsx

@@ -26,7 +26,7 @@ import useTranslation from "../../hooks/useTranslation";
  *
  */
 const HeaderComponentTwo = (props) => {
-  const { textSchema, setDefaultLang, defaultLang, findText } = useTranslation();
+  // const { setDefaultLang, } = useTranslation();
 
   const [selected, setSelected] = useState("ES");
   const [isOpen, setIsOpen] = useState(false);
@@ -121,7 +121,7 @@ const HeaderComponentTwo = (props) => {
                 <li
                   onClick={() => {
                     setLanguageDropdown();
-                    setDefaultLang(item?.slug);
+                    props?.setDefaultLang(item?.slug);
                     localStorage.setItem("defaultLang", JSON.stringify(item));
                   }}
                 >

package/src/components/input/index.jsx

@@ -1,5 +1,7 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useContext } from "react";
 import { Input, Label, ErrorMsg } from "./index.styled";
+import { OutletContext } from "../AppMainLayout";
+import useTranslation from "../../hooks/useTranslation";
 
 /**
  * @param {{
@@ -17,6 +19,8 @@ import { Input, Label, ErrorMsg } from "./index.styled";
 const InputComponent = (props) => {
   const [value, setValue] = useState("");
   const [formErrors, setFormErrors] = useState(false);
+  const { textSchema, findText } = useTranslation();
+
 
   const validate = (e) => {
     if (!e.target.value) {
@@ -35,16 +39,17 @@ const InputComponent = (props) => {
   };
 
   return (
+    textSchema &&
     <div style={props.style}>
       <Label htmlFor={props.in} style={props.customLabelStyle}>
-        {props.label}
+        {findText(props.label)}
       </Label>
       <Input
         type={props.inputType}
         name={props.inputName}
         value={props.value}
         id={props.inputId}
-        placeholder={props.placeholder}
+        placeholder={findText(props.placeholder)}
         style={props.customInputStyle}
         disabled={props.disabled}
         hasError={props.hasError}

package/src/components/sideBar/sideMenu/index.jsx

@@ -301,11 +301,17 @@ const SideMenu = ({
         )}
         minimal={isOpen}
       >
-        <IconContainer active={active}>
-          {active ? iconActive : icon}
-        </IconContainer>
-
-        <TextContainer minimal={isOpen}>{text}</TextContainer>
+        {!(
+          window.location.hostname.includes("personal") &&
+          window.location.hostname.includes("staging")
+        ) && (
+          <>
+            <IconContainer active={active}>
+              {active ? iconActive : icon}
+            </IconContainer>
+            <TextContainer minimal={isOpen}>{text}</TextContainer>
+          </>
+        )}
 
         {notifications && (
           <NotificationCount minimal={isOpen}>