imbric-theme 0.6.0 → 0.6.1

package/layout/Sidebar/Sidebar.module.css

@@ -68,7 +68,7 @@
 }
 
 .logotext {
-  padding: 13px 20px;
+  padding: 15px 20px;
 }
 
 .closemenu {
@@ -157,7 +157,7 @@
   display: none;
 }
 
-.header.collapsed>.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout >.pro-sidebar-header {
+.header.collapsed>.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout>.pro-sidebar-header {
   width: 80px;
   min-width: 80px;
 }

package/molecules/CardServices/CardServices.js

@@ -34,6 +34,7 @@ export const CardServices = ({
   txtTootipEdit,
   onClickTrash,
   txtTootipTrash,
+  txtTootipCircleStatus,
   selectCard,
   statusService,
   labelOriginService,
@@ -356,15 +357,30 @@ export const CardServices = ({
 
         <div className={getStyles('card-subcontent-action')}>
 
-          <Icon
-            className={getStyles(
-              { 'icon-view-status10': statusService === 10 || -30 },
-              { 'icon-view-status20': statusService === 20 },
-              // { 'icon-view-status30': statusService === 30 || -20 || -40 },
-            )}
-            name="circleStatus"
-            size="sm"
-          />
+          <span
+            data-tip
+            data-for='circleStatus'
+            onMouseEnter={handleMouseEnter}
+            onMouseLeave={handleMouseLeave}
+          >
+
+            <Icon
+              className={getStyles(
+                { 'icon-view-status10': statusService === 10 || -30 },
+                { 'icon-view-status20': statusService === 20 },
+                // { 'icon-view-status30': statusService === 30 || -20 || -40 },
+              )}
+              name="circleStatus"
+              size="sm"
+            />
+
+          </span>
+
+          {isToolTipMounted ? (
+            <ReactTooltip id='circleStatus' type='error'>
+              <span>{txtTootipCircleStatus}</span>
+            </ReactTooltip>
+          ) : null}
 
         </div>
 
@@ -396,6 +412,7 @@ CardServices.propTypes = {
   txtTootipEdit: PropTypes.string,
   onClickTrash: PropTypes.func,
   txtTootipTrash: PropTypes.string,
+  txtTootipCircleStatus: PropTypes.string,
   selectCard: PropTypes.bool,
   statusService: PropTypes.number,
   labelOriginService: PropTypes.string,
@@ -425,6 +442,7 @@ CardServices.defaultProps = {
   txtTootipEdit: 'Editar servicio (solo se puede editar 60min. antes)',
   onClickTrash: () => { },
   txtTootipTrash: 'Cancelar servicio',
+  txtTootipCircleStatus: '',
   selectCard: false,
   statusService: 10,
   labelOriginService: 'Origen',

package/molecules/CardServicesFinalized/CardServicesFinalized.js

@@ -30,6 +30,7 @@ export const CardServicesFinalized = ({
   txtTootipReturnOrder,
   onClickRepeatOrder,
   txtTootipRepeatOrder,
+  txtTootipCircleStatus,
   onClickEdit,
   txtTootipEdit,
   onClickTrash,
@@ -215,7 +216,7 @@ export const CardServicesFinalized = ({
             onMouseLeave={handleMouseLeave}
           >
             <Icon
-            color="highlight"
+              color="highlight"
               id='userViewIcon'
               isClickable
               name="userView"
@@ -243,7 +244,7 @@ export const CardServicesFinalized = ({
             onMouseLeave={handleMouseLeave}
           >
             <Icon
-            color="highlight"
+              color="highlight"
               id='returnOrderIcon'
               isClickable
               name="returnOrder"
@@ -271,7 +272,7 @@ export const CardServicesFinalized = ({
             onMouseLeave={handleMouseLeave}
           >
             <Icon
-            color="highlight"
+              color="highlight"
               id='repeatOrderIcon'
               isClickable
               name="repeatOrder"
@@ -293,22 +294,37 @@ export const CardServicesFinalized = ({
 
         <div className={getStyles('card-subcontent-action')}>
 
-          <Icon
-          className={getStyles(
-            // { 'icon-view-status10': statusService === 10 || -30 },
-            // { 'icon-view-status20': statusService === 20 },
-            { 'icon-view-status30': statusService === 30 || -20 || -40 },
-          )}
-            name="circleStatus"
-            size="sm"
-          />
+          <span
+            data-tip
+            data-for='circleStatus'
+            onMouseEnter={handleMouseEnter}
+            onMouseLeave={handleMouseLeave}
+          >
+
+            <Icon
+              className={getStyles(
+                // { 'icon-view-status10': statusService === 10 || -30 },
+                // { 'icon-view-status20': statusService === 20 },
+                { 'icon-view-status30': statusService === 30 || -20 || -40 },
+              )}
+              name="circleStatus"
+              size="sm"
+            />
+
+          </span>
+
+          {isToolTipMounted ? (
+            <ReactTooltip id='circleStatus' type='error'>
+              <span>{txtTootipCircleStatus}</span>
+            </ReactTooltip>
+          ) : null}
 
         </div>
 
       </div>
 
       {/* {children} */}
-    </div>
+    </div >
   )
 }
 
@@ -335,6 +351,7 @@ CardServicesFinalized.propTypes = {
   txtTootipTrash: PropTypes.string,
   selectCard: PropTypes.bool,
   statusService: PropTypes.number,
+  txtTootipCircleStatus: PropTypes.string
 }
 
 CardServicesFinalized.defaultProps = {
@@ -358,6 +375,7 @@ CardServicesFinalized.defaultProps = {
   txtTootipTrash: 'Cancelar servicio',
   selectCard: false,
   statusService: 10,
+  txtTootipCircleStatus: '',
 }
 
 export default withStyles(styles)(CardServicesFinalized)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",