From 761f2d5bdf255d198a865b420489178c5f2e91f5 Mon Sep 17 00:00:00 2001
From: Sergio Betanzos <sbetanzos@opennebula.io>
Date: Mon, 28 Jun 2021 15:52:11 +0200
Subject: [PATCH] F OpenNebula/one#5422: Lint

---
 .../src/client/components/List/ListCards/styles.js        | 4 ++--
 .../src/client/components/Typography/DevTypography.js     | 4 ++--
 .../client/components/Typography/TypographyWithPoint.js   | 8 ++++----
 src/fireedge/src/client/containers/TestApi/styles.js      | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/fireedge/src/client/components/List/ListCards/styles.js b/src/fireedge/src/client/components/List/ListCards/styles.js
index 451d2d4c55..90dc1a0f83 100644
--- a/src/fireedge/src/client/components/List/ListCards/styles.js
+++ b/src/fireedge/src/client/components/List/ListCards/styles.js
@@ -1,6 +1,6 @@
 import { makeStyles } from '@material-ui/core'
 
-export default makeStyles(() => ({
+export default makeStyles({
   cardPlus: {
     height: '100%',
     minHeight: 140,
@@ -23,4 +23,4 @@ export default makeStyles(() => ({
       transition: 'opacity 400ms ease-in'
     }
   }
-}))
+})
diff --git a/src/fireedge/src/client/components/Typography/DevTypography.js b/src/fireedge/src/client/components/Typography/DevTypography.js
index 5ea8cd316f..f618ccb18a 100644
--- a/src/fireedge/src/client/components/Typography/DevTypography.js
+++ b/src/fireedge/src/client/components/Typography/DevTypography.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 
 import { makeStyles, Typography, Chip } from '@material-ui/core'
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles({
   root: {
     display: 'inline-flex',
     gap: '1em',
@@ -12,7 +12,7 @@ const useStyles = makeStyles(() => ({
   label: {
     flexGrow: 1
   }
-}))
+})
 
 const DevTypography = memo(({ label, labelProps, color, chipProps }) => {
   const classes = useStyles()
diff --git a/src/fireedge/src/client/components/Typography/TypographyWithPoint.js b/src/fireedge/src/client/components/Typography/TypographyWithPoint.js
index c0b5b2c88a..cea419e1b8 100644
--- a/src/fireedge/src/client/components/Typography/TypographyWithPoint.js
+++ b/src/fireedge/src/client/components/Typography/TypographyWithPoint.js
@@ -8,20 +8,20 @@ const useStateStyles = makeStyles(theme => ({
     color: theme.palette.text.secondary,
     '&::before': {
       content: "''",
-      display: 'inline-flex',
       marginRight: '0.5rem',
-      background: ({ color }) => color,
+      display: 'inline-flex',
       height: '0.7rem',
       width: '0.7rem',
+      background: ({ color }) => color,
       borderRadius: '50%'
     }
   }
 }))
 
-const TypographyWithPoint = ({ pointColor, children }) => {
+const TypographyWithPoint = ({ pointColor, children, ...props }) => {
   const classes = useStateStyles({ color: pointColor })
   return (
-    <Typography noWrap className={classes.root}>
+    <Typography noWrap className={classes.root} {...props}>
       {children}
     </Typography>
   )
diff --git a/src/fireedge/src/client/containers/TestApi/styles.js b/src/fireedge/src/client/containers/TestApi/styles.js
index 6c5b5740ed..6a6c08baa5 100644
--- a/src/fireedge/src/client/containers/TestApi/styles.js
+++ b/src/fireedge/src/client/containers/TestApi/styles.js
@@ -1,8 +1,8 @@
 import { makeStyles } from '@material-ui/core'
 
-export default makeStyles(() => ({
+export default makeStyles({
   root: {
     minHeight: '100%',
     width: '100%'
   }
-}))
+})