lint front

frontend/src/components/Graph.js

-import React from 'react';
-import axios from "axios"
-import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
+import React from "react";
+import axios from "axios";
+import {
+  AreaChart,
+  Area,
+  XAxis,
+  YAxis,
+  CartesianGrid,
+  Tooltip,
+  ResponsiveContainer,
+} from "recharts";
 import gradient from "./gradient";
-import styles from "../styles/Graph.css"
+import "../styles/Graph.css";
 
-
-export default function DailyGraph({place, day, min_time_hour, min_time_mn, max_time_hour, max_time_mn, interval}) {
-  const url = process.env.REACT_APP_BASE_URL_BACK + '/' + place + '/stats/' + day + '/' + min_time_hour + '/' + min_time_mn
-    + '/' + max_time_hour + '/' + max_time_mn + '/' + interval
+export default function DailyGraph({
+  place,
+  day,
+  min_time_hour,
+  min_time_mn,
+  max_time_hour,
+  max_time_mn,
+  interval,
+}) {
+  const url =
+    process.env.REACT_APP_BASE_URL_BACK +
+    "/" +
+    place +
+    "/stats/" +
+    day +
+    "/" +
+    min_time_hour +
+    "/" +
+    min_time_mn +
+    "/" +
+    max_time_hour +
+    "/" +
+    max_time_mn +
+    "/" +
+    interval;
 
   const [data, setData] = React.useState([]);
   React.useEffect(() => {
     axios.get(url).then((response) => {
-      setData(response.data); console.log(response.data);
+      setData(response.data);
+      console.log(response.data);
     });
   }, [url]);
   if (!data) return null;
 
-  const CustomTooltip = ({ active, payload, label }) => {
+  const CustomTooltip = ({ active, payload }) => {
     if (active && payload && payload.length) {
       return (
         <div className="custom-tooltip">
@@ -29,7 +59,7 @@ export default function DailyGraph({place, day, min_time_hour, min_time_mn, max_
   };
 
   return (
-    <div className='parent'>
+    <div className="parent">
       <div className="graph">
         <ResponsiveContainer width="100%" height="100%">
           <AreaChart
@@ -44,20 +74,20 @@ export default function DailyGraph({place, day, min_time_hour, min_time_mn, max_
             }}
           >
             {gradient()}
-            <CartesianGrid
-              stroke="#FFFFFF"
-              strokeDasharray="1 5" />
+            <CartesianGrid stroke="#FFFFFF" strokeDasharray="1 5" />
             <XAxis
               axisLine={false}
               tickLine={false}
               tick={{ fill: "#FFFFFF", fontSize: "18" }}
               padding={{ left: 20 }}
-              dataKey="name"/>
+              dataKey="name"
+            />
             <YAxis
               axisLine={false}
               tickLine={false}
               tick={{ fill: "#FFFFFF", fontSize: "18" }}
-              dataKey = "time"/>
+              dataKey="time"
+            />
             <Tooltip content={<CustomTooltip />} />
             <Area
               type="monotone"

frontend/src/components/WaitingTime.js

@@ -9,8 +9,11 @@ export default function WaitingTime({ place }) {
 
   React.useEffect(() => {
     axios.get(url).then((response) => {
-        if (response.data < 60) {setPost(0)} else{
-        setPost(Math.round(response.data / 60))};
+      if (response.data < 60) {
+        setPost(0);
+      } else {
+        setPost(Math.round(response.data / 60));
+      }
     });
   }, [url]);
 
@@ -18,8 +21,8 @@ export default function WaitingTime({ place }) {
   return (
     <div className="parent">
       <div className="waiting-time">
-                Temps d'attente estimé à <b>{post} minutes</b>.
+        Temps d&apos;attente estimé à <b>{post} minutes</b>.
       </div>
     </div>
-    )
+  );
 }

frontend/src/components/index.js

-export { default as Header } from "./Header"
-export { default as Footer } from "./Footer"
-export { default as Timetable } from "./Timetable"
-export { default as WaitingTime } from "./WaitingTime"
-export { default as DailyGraph } from "./Graph"
+export { default as Header } from "./Header";
+export { default as Footer } from "./Footer";
+export { default as Timetable } from "./Timetable";
+export { default as WaitingTime } from "./WaitingTime";
+export { default as DailyGraph } from "./Graph";

frontend/src/views/Eiffel.js

 import React from "react";
 
-import { DailyGraph, Timetable, WaitingTime } from "../components"
+import { DailyGraph, Timetable, WaitingTime } from "../components";
 
 export default function Eiffel() {
   return (
     <div>
-        <h2>
-            RU Eiffel
-        </h2>
+      <h2>RU Eiffel</h2>
       <WaitingTime place="eiffel" />
-        <DailyGraph place="eiffel" day={3} min_time_hour={12} min_time_mn={0} max_time_hour={12} max_time_mn={40} interval={300}/>
-        <Timetable schedule={ {
-          'LundiMidi': '11h30 - 14h',
-          'LundiSoir': '18h30 - 21h',
-          'MardiMidi': '11h30 - 14h',
-          'MardiSoir': '18h30 - 21h',
-          'MercrediMidi': '11h30 - 14h',
-          'MercrediSoir': '18h30 - 21h',
-          'JeudiMidi': '11h30 - 14h',
-          'JeudiSoir': '18h30 - 21h',
-          'VendrediMidi': '11h30 - 14h',
-          'VendrediSoir': '18h30 - 21h'} }/>
+      <DailyGraph
+        place="eiffel"
+        day={3}
+        min_time_hour={12}
+        min_time_mn={0}
+        max_time_hour={12}
+        max_time_mn={40}
+        interval={300}
+      />
+      <Timetable
+        schedule={{
+          LundiMidi: "11h30 - 14h",
+          LundiSoir: "18h30 - 21h",
+          MardiMidi: "11h30 - 14h",
+          MardiSoir: "18h30 - 21h",
+          MercrediMidi: "11h30 - 14h",
+          MercrediSoir: "18h30 - 21h",
+          JeudiMidi: "11h30 - 14h",
+          JeudiSoir: "18h30 - 21h",
+          VendrediMidi: "11h30 - 14h",
+          VendrediSoir: "18h30 - 21h",
+        }}
+      />
     </div>
-    )
+  );
 }