remove unused exports

components/Bulles.jsx

@@ -1,16 +1,18 @@
-import React from 'react';
+import React from "react";
-import plotly from 'plotly.js/dist/plotly';
-import createPlotComponent from 'react-plotly.js/factory';
-import LoadingScreen from "./LoadingScreen";
 
 function Bulles(props) {
-
   // récupération des résultats de l'élection et stockage en tableau
-const votesBrut = (Object.values(props))[0];
+  const votesBrut = Object.values(props)[0];
 
   // déclaration et initialisation des mentions et couleurs
-const mentionsBrut = ['Passable', 'Assez bien', 'Bien', 'Très bien', 'Excellent'];
+  const mentionsBrut = [
-const couleursBrut = ['#BB9C42', '#AABA44', '#DCDF44', '#B3D849', '#61AD45'];
+    "Passable",
+    "Assez bien",
+    "Bien",
+    "Très bien",
+    "Excellent",
+  ];
+  const couleursBrut = ["#BB9C42", "#AABA44", "#DCDF44", "#B3D849", "#61AD45"];
 
   //----------- Traitement des données -----------//
 
@@ -39,12 +41,11 @@ function redAmpli(tab) {
     nvTab[0] = 100;
 
     for (i = 1; i < tab.length; i++) {
-       nvTab[i] = ( (1 + ((tab[i]/tab[(i-1)]) / 40 ) ) * nvTab[(i-1)]); 
+      nvTab[i] = (1 + tab[i] / tab[i - 1] / 40) * nvTab[i - 1];
     }
     return nvTab;
   }
 
-
   // déclaration de l'objet votes-mention et votes-couleur
   var votesMentionNonOrdonnes = {};
   var votesCouleurNonOrdonnes = {};
@@ -60,15 +61,21 @@ var votesMentionOrdonnes = inverse(votesMentionNonOrdonnes);
   var votesCouleurOrdonnes = inverse(votesCouleurNonOrdonnes);
 
   // vérification du nombre de votes classés par ordre croissant et passés initialement en propriétés au composant
-console.log("Les données transmises au composant concernant le nombre de votes par mention sont : ");
+  console.log(
+    "Les données transmises au composant concernant le nombre de votes par mention sont : "
+  );
   console.log(votesBrut);
 
   // vérification des mentions destinées à être associées aux votes et ordonnées initialement par ordre mélioratif
-console.log("Les mentions des votes sont classées initialement par ordre mélioratif de la façon suivante :");
+  console.log(
+    "Les mentions des votes sont classées initialement par ordre mélioratif de la façon suivante :"
+  );
   console.log(mentionsBrut);
 
   // vérification du nombre de votes classés par ordre croissant
-console.log("Les mentions-votes classées par ordre croissant de votes sont : ");
+  console.log(
+    "Les mentions-votes classées par ordre croissant de votes sont : "
+  );
   console.log(votesMentionOrdonnes);
 
   // séparation des mentions et des votes
@@ -77,17 +84,23 @@ const votes = Object.values(votesMentionOrdonnes);
   const couleurs = Object.keys(votesCouleurOrdonnes);
 
   // vérification des mentions et des votes prêts à être traités pour la représentation graphique
-console.log('La liste des mentions issue du classement par ordre croissant de votes est :');
+  console.log(
+    "La liste des mentions issue du classement par ordre croissant de votes est :"
+  );
   console.log(mentions);
-console.log('La liste du nombre de votes correspondant, classée par ordre croissant, est :');
+  console.log(
+    "La liste du nombre de votes correspondant, classée par ordre croissant, est :"
+  );
   console.log(votes);
 
   // déclaration et initialisation des rayons de bulle pour la représentation graphique
   var rayons = [];
-rayons = redAmpli(votes)
+  rayons = redAmpli(votes);
 
   // vérification des rayons
-console.log('La liste des rayons à représenter graphiquement est la suivante :');
+  console.log(
+    "La liste des rayons à représenter graphiquement est la suivante :"
+  );
   console.log(rayons);
 
   // déclaration et initialisation des textes des bulles
@@ -99,19 +112,16 @@ const texteBulle5 = (mentions[4] + "<br>" + votes[4] + " votes").toString();
 
   // déclaration et initialisation d'une instance de graphique en bulles
   // const Plot = createPlotComponent(plotly);
-const Plot = require('react-plotly.js').default;
+  const Plot = require("react-plotly.js").default;
 
   //---------------------------------------------//
 
-
-
   //----------- Affichage des données -----------//
   const [loading, setLoading] = React.useState(true);
   React.useEffect(() => {
     setTimeout(() => setLoading(false), 3000);
-  })
+  });
   return (
-  
     // <div>
     // {!loading ? (
     //         <React.Fragment>
@@ -120,39 +130,49 @@ return (
         {
           x: [0.7, 0.6, 0.5, 0.6, 0.7],
           y: [0.3, 0.4, 0.5, 0.6, 0.5],
-        hovertemplate:
+          hovertemplate: "<b>%{text}</b>" + "<extra></extra>",
-        '<b>%{text}</b>' +
+          text: [
-        '<extra></extra>',
+            texteBulle1,
-        text: [texteBulle1, texteBulle2, texteBulle3, texteBulle4, texteBulle5],
+            texteBulle2,
+            texteBulle3,
+            texteBulle4,
+            texteBulle5,
+          ],
           showlegend: false,
-        mode: 'markers',
+          mode: "markers",
           marker: {
-          color: [couleurs[0], couleurs[1], couleurs[2], couleurs[3], couleurs[4]],
+            color: [
-          size: rayons
+              couleurs[0],
-        }
+              couleurs[1],
-      }
+              couleurs[2],
+              couleurs[3],
+              couleurs[4],
+            ],
+            size: rayons,
+          },
+        },
       ]}
       layout={{
         width: 600,
         height: 600,
-    title: 'Nombre de voix par candidat',
+        title: "Nombre de voix par candidat",
         xaxis: {
           showgrid: false,
           showticklabels: false,
           showline: false,
           zeroline: false,
-      range: [0, 1]
+          range: [0, 1],
         },
         yaxis: {
           showgrid: false,
           showticklabels: false,
           showline: false,
           zeroline: false,
-      range: [0, 1]
+          range: [0, 1],
-    }
+        },
       }}
       config={{
-      displayModeBar: false // this is the line that hides the bar.
+        displayModeBar: false, // this is the line that hides the bar.
       }}
     />
     //  </React.Fragment>
@@ -160,7 +180,7 @@ return (
     //     <LoadingScreen />
     //   )}
     //     </div>
-)
+  );
 }
 
 export default Bulles;

components/plot.js

@@ -1,18 +1,16 @@
-import React from 'react';
+import React from "react";
-import plotly from 'plotly.js/dist/plotly';
-import createPlotComponent from 'react-plotly.js/factory';
 
 // const Plot = createPlotComponent(plotly);
-const Plot = require('react-plotly.js').default;
+const Plot = require("react-plotly.js").default;
 export default () => (
   <Plot
     data={[
       {
-              type: 'bar',
+        type: "bar",
-              x: ['Taubira', 'Hidalgo', 'Mélenchon'],
+        x: ["Taubira", "Hidalgo", "Mélenchon"],
-              y: [29,150,85]
+        y: [29, 150, 85],
-          }
+      },
     ]}
-      layout={ { width: 1000, height: 500, title: 'Nombre de voix par candidat' } }
+    layout={{ width: 1000, height: 500, title: "Nombre de voix par candidat" }}
   />
-)
+);

pages/result/[pid]/BarChart.js

@@ -1,14 +1,11 @@
-import dynamic from 'next/dynamic';
+import React, { Component } from "react";
-import plotly from 'plotly.js/dist/plotly';
-import createPlotComponent from 'react-plotly.js/factory';
-import React, { Component } from 'react';
 //import Plot from 'react-plotly.js';
 
 class BarChart extends Component {
   render() {
     return (
       <div>
-                <Plot 
+        {/* <Plot
                     data={[
                         {
                             type: 'bar',
@@ -20,10 +17,10 @@ class BarChart extends Component {
                     config={{
                         displayModeBar: false // this is the line that hides the bar.
                     }}
-                />
+                /> */}
       </div>
-        )
+    );
-    };
+  }
 }
 
 export default BarChart;