ywana-core8 0.0.885 → 0.0.887

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.885",
+  "version": "0.0.887",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/tree.js

@@ -19,11 +19,14 @@ export const Tree = ({ nodes = [], children }) => {
  * Tree Node
  */
 export const TreeNode = ({ icon = 'folder', label, tooltip, open=false, children, actions }) => {
+
+    const labelTxt = label ? <Text format={TEXTFORMATS.STRING}>{label}</Text> : null
+
     return (
         <details className="tree-node" open={open}>
             <summary className="tree-item">
                 { icon ? <Icon icon={icon} size="small" small /> : null }
-                <div className="label">{label}</div>
+                <div className="label">{labelTxt}</div>
                 <div className="actions">{actions}</div>
             </summary>
             {children}
@@ -46,7 +49,7 @@ export const TreeItem = ({ id, icon = 'description', label, actions, onSelect, s
     return (
         <div className={`tree-item final ${style}`} onClick={select}>
             <Icon icon={icon} size="small" small />
-            <div className="label">{label}</div>
+            <div className="label">{labelTxt}</div>
             <div className="actions">{actions}</div>
         </div>
     )

package/src/site/site.js

@@ -225,12 +225,13 @@ const SiteMenu = ({ iconSrc, title, children, min }) => {
                         <div className={`section-title ${style}`}>{sideNav === "max" ? title : ''}</div>
                         {sections[title].map(({ id, icon = 'info', title }) => {
                             const styleItem = id === page ? 'selected' : ''
+                            const titleTxt = context.translate(title)
                             return (
                                 <div className={`site-menu-item ${styleItem}`} key={id} onClick={() => goto(id)}>
                                     <Tooltip text={title} top=".5rem" left="2rem">
                                         <Icon key={id} icon={icon} clickable action={() => goto(id)} />
                                     </Tooltip>
-                                    {sideNav === 'max' ? <label>{title}</label> : null}
+                                    {sideNav === 'max' ? <label>{titleTxt}</label> : null}
                                 </div>
                             )
                         })}