diff --git a/src/components/ClassObj.js b/src/components/ClassObj.js
index c57b160..cb89fc5 100644
--- a/src/components/ClassObj.js
+++ b/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);
 
diff --git a/src/components/Classes.js b/src/components/Classes.js
index 01dab79..6e8fcd6 100644
--- a/src/components/Classes.js
+++ b/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";
 
diff --git a/src/components/EncodeCanvas.js b/src/components/EncodeCanvas.js
index 5a554f6..2b47662 100644
--- a/src/components/EncodeCanvas.js
+++ b/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 = () => {
diff --git a/src/components/EncodeExpImp.js b/src/components/EncodeExpImp.js
index 816e3d6..f8621af 100644
--- a/src/components/EncodeExpImp.js
+++ b/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
diff --git a/src/components/EncodeItem.js b/src/components/EncodeItem.js
index 3789a08..4660a99 100644
--- a/src/components/EncodeItem.js
+++ b/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={{
diff --git a/src/components/Item.js b/src/components/Item.js
index b8c3658..4f09bb9 100644
--- a/src/components/Item.js
+++ b/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";
diff --git a/src/components/Modal.js b/src/components/Modal.js
index 48b2af8..d73c178 100644
--- a/src/components/Modal.js
+++ b/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";
 
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 9d55cdc..fe457fa 100644
--- a/src/components/Sidebar.js
+++ b/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 }) => (
diff --git a/src/components/map/MagicWand.js b/src/components/map/MagicWand.js
index b14b118..f339fa7 100644
--- a/src/components/map/MagicWand.js
+++ b/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";