fix(eslint): fix eslint warnings

app/javascript/components/MapEditor/index.jsx

@@ -44,13 +44,8 @@ function MapEditor({ featureCollection, url, options, preview }) {
     enabled: !preview,
     cadastreEnabled
   });
-  const {
+  const { style, layers, setStyle, setLayerEnabled, setLayerOpacity } =
-    style,
+    useMapStyle(options.layers, {
-    layers,
-    setStyle,
-    setLayerEnabled,
-    setLayerOpacity
-  } = useMapStyle(options.layers, {
       onStyleChange,
       cadastreEnabled
     });

app/javascript/components/MapEditor/useMapboxEditor.js

@@ -133,20 +133,15 @@ export function useMapboxEditor(
   );
 
   const addEventListeners = useCallback((events) => {
-    const unsubscribe = Object.entries(
+    const unsubscribe = Object.entries(events).map(
-      events
+      ([eventName, [target, callback]]) =>
-    ).map(([eventName, [target, callback]]) =>
         addEventListener(eventName, target, callback)
     );
     return () => unsubscribe.map((unsubscribe) => unsubscribe());
   }, []);
 
-  const {
+  const { createFeatures, updateFeatures, deleteFeatures, ...props } =
-    createFeatures,
+    useFeatureCollection(featureCollection, {
-    updateFeatures,
-    deleteFeatures,
-    ...props
-  } = useFeatureCollection(featureCollection, {
       url,
       enabled: isSupported && enabled,
       addFeatures,

app/javascript/components/MapReader/index.jsx

@@ -13,20 +13,10 @@ import { useMapbox } from './useMapbox';
 const Mapbox = ReactMapboxGl({});
 
 const MapReader = ({ featureCollection, options }) => {
-  const {
+  const { isSupported, onLoad, onStyleChange, onMouseEnter, onMouseLeave } =
-    isSupported,
+    useMapbox(featureCollection);
-    onLoad,
+  const { style, layers, setStyle, setLayerEnabled, setLayerOpacity } =
-    onStyleChange,
+    useMapStyle(options.layers, { onStyleChange });
-    onMouseEnter,
-    onMouseLeave
-  } = useMapbox(featureCollection);
-  const {
-    style,
-    layers,
-    setStyle,
-    setLayerEnabled,
-    setLayerOpacity
-  } = useMapStyle(options.layers, { onStyleChange });
 
   if (!isSupported) {
     return (

app/javascript/components/shared/FlashMessage.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { createPortal } from 'react-dom';
+import PropTypes from 'prop-types';
 
 export function FlashMessage({ message, level, sticky, fixed }) {
   return createPortal(
@@ -22,3 +23,10 @@ function flashClassName(level, sticky = false, fixed = false) {
   }
   return className.join(' ');
 }
+
+FlashMessage.propTypes = {
+  message: PropTypes.string,
+  level: PropTypes.string,
+  sticky: PropTypes.bool,
+  fixed: PropTypes.bool
+};

app/javascript/components/shared/mapbox/styles/base.js

@@ -198,8 +198,7 @@ export default {
   sources: {
     'decoupage-administratif': {
       type: 'vector',
-      url:
+      url: 'https://openmaptiles.geo.data.gouv.fr/data/decoupage-administratif.json'
-        'https://openmaptiles.geo.data.gouv.fr/data/decoupage-administratif.json'
     },
     openmaptiles: {
       type: 'vector',

app/javascript/new_design/dossiers/auto-upload-controller.js

@@ -99,9 +99,8 @@ export default class AutoUploadController {
   }
 
   _hideErrorMessage() {
-    let errorElement = this.input.parentElement.querySelector(
+    let errorElement =
-      '.attachment-error'
+      this.input.parentElement.querySelector('.attachment-error');
-    );
     if (errorElement) {
       hide(errorElement);
     }