From db1790d1d5cbbe290da9b98f631e9c8084a66063 Mon Sep 17 00:00:00 2001
From: mlfaa <mlfaa@hotmail.com>
Date: Fri, 17 Dec 2021 11:55:24 -0300
Subject: [PATCH] fixing lint on files

---
 .eslintrc.js                                      | 1 +
 src/components/Carousel/index.js                  | 8 ++++++--
 src/components/ChartAndReport/index.js            | 2 +-
 src/components/ChartTotalRoomsWithFilter/index.js | 8 ++++----
 src/components/Frames/TotalFrame/index.js         | 9 +++++----
 src/containers/Audiencias/index.js                | 2 +-
 src/containers/Wikilegis/index.js                 | 2 +-
 src/layouts/Navbar/index.js                       | 9 ++++-----
 src/pages/index.js                                | 2 +-
 9 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index a04682d4..4e67e387 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -18,6 +18,7 @@ module.exports = {
     'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
     'react/jsx-props-no-spreading': 'off',
     'react/forbid-prop-types': 'off',
+    'jsx-a11y/click-events-have-key-events': 'off', 
     'import/no-extraneous-dependencies': ["error", {"devDependencies": ["**/*.js","**/*.test.js", "**/*.spec.js"]}]
   },
 };
diff --git a/src/components/Carousel/index.js b/src/components/Carousel/index.js
index 3ce4e00f..32828ac0 100644
--- a/src/components/Carousel/index.js
+++ b/src/components/Carousel/index.js
@@ -1,4 +1,6 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+
 import React from 'react';
 import { isDesktop, isTablet } from 'react-device-detect';
 import Carousel from 'react-multi-carousel';
@@ -16,8 +18,8 @@ const CustomDot = ({ onClick, active }) => {
       className={`${classes.dot} ${
         active ? classes.dotActive : classes.dotInactive
       }`}
-      onClick={() => onClick()}
-    ></li>
+      onClick={onClick}
+    />
   );
 };
 
@@ -25,6 +27,7 @@ const CustomLeft = ({ onClick }) => {
   const classes = useStyles();
   return (
     <button
+      type="button"
       className={`${classes.arrow} ${classes.arrowLeft}`}
       onClick={onClick}
     >
@@ -51,6 +54,7 @@ const CustomRight = ({ onClick }) => {
   const classes = useStyles();
   return (
     <button
+      type="button"
       className={`${classes.arrow} ${classes.arrowRight}`}
       onClick={onClick}
     >
diff --git a/src/components/ChartAndReport/index.js b/src/components/ChartAndReport/index.js
index c7aad847..1e189245 100644
--- a/src/components/ChartAndReport/index.js
+++ b/src/components/ChartAndReport/index.js
@@ -89,7 +89,7 @@ export default function ChartAndReport(props) {
           <>
             <Box display="flex" flexDirection="row-reverse">
               <FormControlRadioOptions
-                handleChange={handleWayOfVisualizeDataChange}
+                handleChange={() => handleWayOfVisualizeDataChange()}
                 value={wayOfVisualizeData}
               />
             </Box>
diff --git a/src/components/ChartTotalRoomsWithFilter/index.js b/src/components/ChartTotalRoomsWithFilter/index.js
index 3616806f..6a827393 100644
--- a/src/components/ChartTotalRoomsWithFilter/index.js
+++ b/src/components/ChartTotalRoomsWithFilter/index.js
@@ -138,7 +138,7 @@ export default function ChartTotalRoomsWithFilter(props) {
           <>
             <Box display="flex" flexDirection="row-reverse">
               <FormControlRadioOptions
-                handleChange={handleWayOfVisualizeDataChange}
+                handleChange={() => handleWayOfVisualizeDataChange()}
                 value={wayOfVisualizeData}
               />
             </Box>
@@ -163,15 +163,15 @@ export default function ChartTotalRoomsWithFilter(props) {
                   </Box>
                   <Box width="100%" display="flex" justifyContent="center">
                     <FormControlLabel
-                      control={<WhiteCheckbox checked={!(columnsToNotShow).includes('Canceladas')} onChange={handleShowColumsChange} name="Canceladas" />}
+                      control={<WhiteCheckbox checked={!(columnsToNotShow).includes('Canceladas')} onChange={() => handleShowColumsChange()} name="Canceladas" />}
                       label="Canceladas"
                     />
                     <FormControlLabel
-                      control={<WhiteCheckbox checked={!(columnsToNotShow).includes('Realizadas')} onChange={handleShowColumsChange} name="Realizadas" />}
+                      control={<WhiteCheckbox checked={!(columnsToNotShow).includes('Realizadas')} onChange={() => handleShowColumsChange()} name="Realizadas" />}
                       label="Realizadas"
                     />
                     <FormControlLabel
-                      control={<WhiteCheckbox checked={!(columnsToNotShow).includes('Total')} onChange={handleShowColumsChange} name="Total" />}
+                      control={<WhiteCheckbox checked={!(columnsToNotShow).includes('Total')} onChange={() => handleShowColumsChange} name="Total" />}
                       label="Total"
                     />
                   </Box>
diff --git a/src/components/Frames/TotalFrame/index.js b/src/components/Frames/TotalFrame/index.js
index 69ffdfda..4604422f 100644
--- a/src/components/Frames/TotalFrame/index.js
+++ b/src/components/Frames/TotalFrame/index.js
@@ -1,3 +1,5 @@
+/* eslint-disable no-confusing-arrow */
+
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import CircularProgress from '@material-ui/core/CircularProgress';
@@ -23,10 +25,9 @@ function TotalsDataFrame(props) {
   const handleClose = () => setOpen(false);
 
   useEffect(() => {
-    const setResponsiveness = () =>
-      window.innerWidth < 1024
-        ? setMobileView(true)
-        : setMobileView(false);
+    const setResponsiveness = () => window.innerWidth < 1024
+      ? setMobileView(true)
+      : setMobileView(false);
 
     setResponsiveness();
 
diff --git a/src/containers/Audiencias/index.js b/src/containers/Audiencias/index.js
index c1f7c0b6..a97786dc 100644
--- a/src/containers/Audiencias/index.js
+++ b/src/containers/Audiencias/index.js
@@ -596,7 +596,7 @@ function Audiencias(props) {
     <div className={classes.root}>
       <Header
         title={TEXTCONSTANTS.pageToolTitle}
-        handlePeriodChange={handlePeriodChange}
+        handlePeriodChange={() => handlePeriodChange()}
         year={defaultYearPeriod}
         monthPeriod={defaultMonthPeriod}
         headerColors={headerColors}
diff --git a/src/containers/Wikilegis/index.js b/src/containers/Wikilegis/index.js
index 6c3444ed..efd6212c 100644
--- a/src/containers/Wikilegis/index.js
+++ b/src/containers/Wikilegis/index.js
@@ -483,7 +483,7 @@ function Wikilegis(props) {
     <div className={classes.root}>
       <Header
         title={TEXTCONSTANTS.pageToolTitle}
-        handlePeriodChange={handlePeriodChange}
+        handlePeriodChange={() => handlePeriodChange()}
         year={defaultYearPeriod}
         monthPeriod={defaultMonthPeriod}
         headerColors={headerColors}
diff --git a/src/layouts/Navbar/index.js b/src/layouts/Navbar/index.js
index a2723ee5..6ae88d95 100644
--- a/src/layouts/Navbar/index.js
+++ b/src/layouts/Navbar/index.js
@@ -1,4 +1,5 @@
 /* eslint-disable react/prop-types */
+/* eslint-disable no-confusing-arrow */
 import React, { useState, useEffect } from 'react';
 import {
   Toolbar,
@@ -51,7 +52,6 @@ function a11yProps(index) {
 
 export default function PageNavbar(props) {
   const {
-    header,
     drawerContainer,
     drawerMobile,
     offset,
@@ -75,10 +75,9 @@ export default function PageNavbar(props) {
   const { mobileView, drawerOpen } = state;
 
   useEffect(() => {
-    const setResponsiveness = () =>
-      window.innerWidth < 1024
-        ? setState((prevState) => ({ ...prevState, mobileView: true }))
-        : setState((prevState) => ({ ...prevState, mobileView: false }));
+    const setResponsiveness = () => window.innerWidth < 1024
+      ? setState((prevState) => ({ ...prevState, mobileView: true }))
+      : setState((prevState) => ({ ...prevState, mobileView: false }));
 
     setResponsiveness();
 
diff --git a/src/pages/index.js b/src/pages/index.js
index 28d5264f..42ccad57 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -4,8 +4,8 @@ import React from 'react';
 import Head from 'next/head';
 import { Grid, Typography, Box } from '@material-ui/core';
 import { format, subDays } from 'date-fns';
-import Footer from '../components/Footer/index';
 import ptBR from 'date-fns/locale/pt-BR';
+import Footer from '../components/Footer/index';
 import { apiInstance } from '../services/api/apiInstance';
 import Carousel from '../components/Carousel/index';
 import PageNavbar from '../layouts/Navbar/index';