Remove unused import modules

src/components/ClassObj.js

@@ -1,8 +1,8 @@
-import React from "react";
-import { useContext } from "react";
-import { MainContext } from "../contexts/MainContext";
+import React, { useContext } from "react";
 import { BsSquareFill } from "react-icons/bs";
 
+import { MainContext } from "../contexts/MainContext";
+
 export const ClassObj = ({ classProps }) => {
   const { activeClass, dispatchSetActiveClass } = useContext(MainContext);
 

src/components/Classes.js

@@ -1,7 +1,7 @@
 import React, { useContext, useState, useEffect } from "react";
+
 import { MainContext } from "../contexts/MainContext";
 import { ClassObj } from "./ClassObj";
-
 import { getClassLayers } from "../utils/convert";
 import { MenuTemplate } from "./MenuTemplate";
 

src/components/EncodeCanvas.js

@@ -23,7 +23,6 @@ export const EncodeCanvas = () => {
     setSpinnerLoading,
   } = useContext(MainContext);
 
-  // const { map } = useContext(MapContext);
   const [samApiStatus, setSamApiStatus] = useState(null);
 
   const reset = () => {

src/components/EncodeExpImp.js

@@ -21,8 +21,7 @@ export const EncodeExpImp = () => {
 
   const exportToS3 = async () => {
     setSpinnerLoading(true);
-
-    const resp = await uploadtoS3(
+    await uploadtoS3(
       activeEncodeImageItem,
       `encode_images/${simplyName(activeProject.properties.name)}/${
         activeEncodeImageItem.id

src/components/EncodeItem.js

@@ -26,7 +26,7 @@ export const EncodeItem = ({ encodeItem }) => {
   };
 
   const handleRemoveEncodeItem = async (encodeItem) => {
-    if (encodeItem.id == activeEncodeImageItem.id) {
+    if (encodeItem.id === activeEncodeImageItem.id) {
       NotificationManager.warning(
         `You can't remove active encode view`,
         "",
@@ -55,8 +55,8 @@ export const EncodeItem = ({ encodeItem }) => {
         alt={`Encode Image`}
         className={`w-full h-full object-cover opacity-100 transition-opacity duration-500 ease-in-out transform hover:opacity-90 mb-2 
       ${
-        activeEncodeImageItem && encodeItem.id == activeEncodeImageItem.id
-          ? "border border-blue-500 border-2"
+        activeEncodeImageItem && encodeItem.id === activeEncodeImageItem.id
+          ? "border border-green-500 border-2"
           : "border border-gray-300 border-2"
       }`}
         style={{

src/components/Item.js

@@ -1,5 +1,4 @@
 import { useContext } from "react";
-
 import { BsTrash } from "react-icons/bs";
 import { MainContext } from "./../contexts/MainContext";
 import { storeItems } from "./../store/indexedDB";

src/components/Modal.js

@@ -1,4 +1,4 @@
-import React, { useState, useContext } from "react";
+import React, { useContext } from "react";
 import { MainContext } from "./../contexts/MainContext";
 import { BsXLg } from "react-icons/bs";
 

src/components/Sidebar.js

@@ -5,7 +5,6 @@ import { Projects } from "./Projects";
 import { Classes } from "./Classes";
 import { Items } from "./Items";
 import { MenuExpData } from "./MenuExpData";
-import { ItemsDataActions } from "./ItemsDataActions";
 import { EncodeItems } from "./EncodeItems";
 
 const MenuSection = ({ children }) => (

src/components/map/MagicWand.js

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { Feature } from "ol";
 import Polygon from "ol/geom/Polygon";