Align dev prettier version with actionsx/prettier, fix formatting and…

… enable quality github action

.github/workflows/quality.yml

@@ -1,8 +1,7 @@
 name: Quality
 
 # triggers on
-on: [workflow_dispatch] # Disable workflow for now (manual trigger)
-# on: [push, pull_request]
+on: [push, pull_request]
 
 jobs:
   quality:

app/javascript/components/partners/campaign_creator/fields/CampaignCreatorExtraInfo.jsx

@@ -24,7 +24,8 @@ export const CampaignCreatorExtraInfo = () => {
 };
 
 const dateInExtraInfoWarning = (info) => {
-  const dateRegex = /(lundi|mardi|mercredi|jeudi|vendredi|janvier|f[eé]vrier|mars|avril|mai|juin|juillet|ao[uû]t|septembre|octobre|novembre|d[eé]cembre|demain)/i;
+  const dateRegex =
+    /(lundi|mardi|mercredi|jeudi|vendredi|janvier|f[eé]vrier|mars|avril|mai|juin|juillet|ao[uû]t|septembre|octobre|novembre|d[eé]cembre|demain)/i;
   if (info.match(dateRegex)) {
     return (
       <>

app/javascript/components/shared/RootWrapper.jsx

@@ -4,8 +4,9 @@ import { camelCaseDeep } from "components/shared/casing";
 
 const queryClient = new QueryClient();
 
-export const RootWrapper = (RootComponent) => (propsFromRails) => (
-  <QueryClientProvider client={queryClient}>
-    <RootComponent {...camelCaseDeep(propsFromRails)} />
-  </QueryClientProvider>
-);
+export const RootWrapper = (RootComponent) => (propsFromRails) =>
+  (
+    <QueryClientProvider client={queryClient}>
+      <RootComponent {...camelCaseDeep(propsFromRails)} />
+    </QueryClientProvider>
+  );

app/javascript/plugins/fuzzy_search.js

@@ -71,9 +71,8 @@ if (engine) {
                     matchesTitles.indexOf(domItemTitle) >= 0
                   ) {
                     domItems[i].classList.remove("d-none");
-                    domItems[i].style.order = matchesTitles.indexOf(
-                      domItemTitle
-                    );
+                    domItems[i].style.order =
+                      matchesTitles.indexOf(domItemTitle);
                   } else {
                     domItems[i].classList.add("d-none");
                     domItems[i].style.order = "inherit";

app/javascript/plugins/leaflet_map.js

@@ -57,9 +57,8 @@ const leafletMap = () => {
         lmap.panTo([lat, lon]);
       }
 
-      let leafletMarkers = leafletMapContainer.getElementsByClassName(
-        "leaflet-marker"
-      );
+      let leafletMarkers =
+        leafletMapContainer.getElementsByClassName("leaflet-marker");
       if (leafletMarkers) {
         let leafletMarkersCluster = L.markerClusterGroup();
         for (let i = 0; i < leafletMarkers.length; ++i) {
@@ -86,9 +85,8 @@ const leafletMap = () => {
         lmap.addLayer(leafletMarkersCluster);
       }
 
-      let leafletGeojsons = leafletMapContainer.getElementsByClassName(
-        "leaflet-geojson"
-      );
+      let leafletGeojsons =
+        leafletMapContainer.getElementsByClassName("leaflet-geojson");
       if (leafletGeojsons) {
         let geojsonCodes = {};
         for (let i = 0; i < leafletGeojsons.length; ++i) {
@@ -156,9 +154,8 @@ const leafletMap = () => {
         L.control.layers({}, geojsonCodes, { collapsed: false }).addTo(lmap);
       }
 
-      let leafletFlyBtns = leafletMapContainer.getElementsByClassName(
-        "leaflet_fly_btn"
-      );
+      let leafletFlyBtns =
+        leafletMapContainer.getElementsByClassName("leaflet_fly_btn");
       for (let i = 0; i < leafletFlyBtns.length; ++i) {
         let leafletFlyBtn = leafletFlyBtns[i];
         let elemLat = leafletFlyBtn.getAttribute("data-lat");

package.json

@@ -38,7 +38,7 @@
   "version": "0.1.0",
   "devDependencies": {
     "pdfkit": "^0.12.1",
-    "prettier": "2.2.1",
+    "prettier": "^2.3.2",
     "puppeteer": "^9.1.1",
     "webpack-dev-server": "^3.11.2"
   }