Lint all the things

client/src/components/schedule-calendar-wrapper/schedule-calendar-header-graph.component.jsx

@@ -1,19 +1,19 @@
 import { RadarChartOutlined } from "@ant-design/icons";
 import { Popover, Space } from "antd";
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Legend, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, Tooltip } from "recharts";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import BlurWrapperComponent from "../feature-wrapper/blur-wrapper.component";
-import { UpsellMaskWrapper, upsellEnum } from "../upsell/upsell.component";
+import { upsellEnum, UpsellMaskWrapper } from "../upsell/upsell.component";
 import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
@@ -22,15 +22,14 @@ export function ScheduleCalendarHeaderGraph({ bodyshop, loadData }) {
   const { t } = useTranslation();
   const data = useMemo(() => {
     return (
-      (loadData &&
-        loadData.expectedLoad &&
+      (loadData?.expectedLoad &&
         Object.keys(loadData.expectedLoad).map((key) => {
           const metadataBucket = ssbuckets.filter((b) => b.id === key)[0];
 
           return {
             bucket: loadData.expectedLoad[key].label,
             current: loadData.expectedLoad[key].count,
-            target: metadataBucket && metadataBucket.target
+            target: metadataBucket?.target
           };
         })) ||
       []
@@ -39,24 +38,22 @@ export function ScheduleCalendarHeaderGraph({ bodyshop, loadData }) {
   const hasSmartSchedulingAccess = HasFeatureAccess({ featureName: "smartscheduling", bodyshop });
 
   const chartContents = (
-    <>
-      <RadarChart
-        // cx={300}
-        // cy={250}
-        // outerRadius={150}
-        width={800}
-        height={600}
-        data={data}
-      >
-        <PolarGrid />
-        <PolarAngleAxis dataKey="bucket" />
-        <PolarRadiusAxis angle={90} />
-        <Radar name="Ideal Load" dataKey="target" stroke="darkgreen" fill="white" fillOpacity={0} />
-        <Radar name="EOD Load" dataKey="current" stroke="dodgerblue" fill="dodgerblue" fillOpacity={0.6} />
-        <Tooltip />
-        <Legend />
-      </RadarChart>
-    </>
+    <RadarChart
+      // cx={300}
+      // cy={250}
+      // outerRadius={150}
+      width={800}
+      height={600}
+      data={data}
+    >
+      <PolarGrid />
+      <PolarAngleAxis dataKey="bucket" />
+      <PolarRadiusAxis angle={90} />
+      <Radar name="Ideal Load" dataKey="target" stroke="darkgreen" fill="white" fillOpacity={0} />
+      <Radar name="EOD Load" dataKey="current" stroke="dodgerblue" fill="dodgerblue" fillOpacity={0.6} />
+      <Tooltip />
+      <Legend />
+    </RadarChart>
   );
 
   const popContent = (