Comment and clear warnings

Author: Blari

src/components/BreadCrumbs/index.js

@@ -44,7 +44,9 @@ const BreadCrumbs = () => {
   const [anchorEl, setAnchorEl] = React.useState(null)
 
   const open = Boolean(anchorEl)
+  // eslint-disable-next-line no-unused-vars
   const id = open ? 'add-section-popover' : undefined
+  // eslint-disable-next-line no-unused-vars
   const handleClick = event => {
       setAnchorEl(open ? null : event.currentTarget)
   }
@@ -85,7 +87,8 @@ const BreadCrumbs = () => {
 
 
   // global
-  var layoutState = useLayoutState()
+  // eslint-disable-next-line no-unused-vars
+  const layoutState = useLayoutState();
 
   const handleChange = (event, newValue) => {
       setValue(newValue)
@@ -112,7 +115,9 @@ const BreadCrumbs = () => {
           wrap={'nowrap'}
           style={{ overflowX: 'auto' }}
       >
-          {structure.map(c => {
+
+          {// eslint-disable-next-line
+            structure.map(c => {
               if (
                   window.location.hash.includes(c.link) &&
                   c.link && c.label === "Dashboard"

src/components/Dot/Dot.js

@@ -33,6 +33,7 @@ export default function Dot({ size = "small", color, style }) {
       })}
       style={{
         backgroundColor:
+        // eslint-disable-next-line no-mixed-operators
           color && (theme.palette.text[color] && theme.palette.text[color]) || color,
         ...style
       }}

src/components/Header/Header.js

@@ -122,7 +122,7 @@ export default function Header(props) {
 
   useEffect(() => {
     actions.doFind(sessionStorage.getItem('user_id'))(managementDispatch)
-  }, [])
+  }, [managementDispatch])
 
   useEffect(function() {
     window.addEventListener("resize", handleWindowWidthChange);
@@ -233,6 +233,7 @@ export default function Header(props) {
         >
           <Avatar
             alt="Robert Cotton"
+            /* eslint-disable-next-line no-mixed-operators */
             src={config.isBackend ? (managementValue.currentUser && managementValue.currentUser.avatar.length >=1 && managementValue.currentUser.avatar[managementValue.currentUser.avatar.length-1].publicUrl || profile) : profile}
             classes={{ root: classes.headerIcon }}
           />

src/components/Layout/Layout.js

@@ -11,9 +11,7 @@ import {
 import {
     Fab,
     IconButton,
-    Tab,
 } from '@material-ui/core'
-import { withStyles } from '@material-ui/styles'
 
 // styles
 import useStyles from './styles'
@@ -76,6 +74,7 @@ import structure from '../Sidebar/SidebarStructure'
 
 function Layout(props) {
     const classes = useStyles()
+    // eslint-disable-next-line no-unused-vars
     const [value, setValue] = React.useState(2)
     const [anchorEl, setAnchorEl] = React.useState(null)
 
@@ -86,12 +85,14 @@ function Layout(props) {
     }
 
     // global
-    var layoutState = useLayoutState()
+    const layoutState = useLayoutState();
 
+    // eslint-disable-next-line no-unused-vars
     const handleChange = (event, newValue) => {
         setValue(newValue)
     }
 
+    // eslint-disable-next-line no-unused-vars
     function a11yProps(index) {
         return {
             id: `simple-tab-${index}`,

src/components/Widget/styles.js

@@ -1,4 +1,3 @@
-import { Hidden } from "@material-ui/core";
 import { makeStyles } from "@material-ui/styles";
 
 export default makeStyles(theme => ({

src/components/Wrappers/Wrappers.js

@@ -367,6 +367,7 @@ function getColor(color, theme, brightness = "main") {
   }
 }
 
+// eslint-disable-next-line no-unused-vars
 function getColorText (color, theme) {
   if (color && theme.palette.text[color]) {
     return theme.palette.text[color];

src/pages/draggablegrid/Components/NewsWidget.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import { Typography } from '@material-ui/core';
 import mock from '../mock';

src/pages/draggablegrid/Components/SharesWidget.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 
 import Dot from '../../../components/Dot/Dot';

src/pages/draggablegrid/DraggableGrid.js

@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Grid, Typography } from '@material-ui/core';
-import { useTheme, makeStyles } from '@material-ui/styles';
+import { useTheme } from '@material-ui/styles';
 import Widget from '../../components/Widget';
 import Sortable from 'react-sortablejs'
 // Components
@@ -16,8 +16,9 @@ import mock from './mock';
 import useStyles from "./styles";
 
 function DraggableGrid() {
-  var classes = useStyles();
-  var theme = useTheme();
+  const classes = useStyles();
+  // eslint-disable-next-line no-unused-vars
+  const theme = useTheme();
 
   return (
     <Grid container spacing={4} className={classes.root}>

src/pages/draggablegrid/mock.js

@@ -53,7 +53,7 @@ export default {
         background: '#536DFE',
         icon: 'microphone',
         title: 'Light Blue reached $300',
-        description: 'Light Blue Inc. shares just hit $300 price. \"This was inevitable. It should have happen sooner or later\" - says NYSE expert.',
+        description: 'Light Blue Inc. shares just hit $300 price. "This was inevitable. It should have happen sooner or later" - says NYSE expert.',
         date: 'Sep 25, 11:59'
       },
       {