F OpenNebula/one#5422: Lint

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'
     }
   }
-}))
+})

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()

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>
   )

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%'
   }
-}))
+})