Merge pull request #6716 from yash37158/master

Fixing CI check fails

Author: leecalcote

src/components/SistentNavigation/index.js

@@ -1,14 +1,11 @@
 import React, { useState } from "react";
 import { HiOutlineChevronLeft } from "@react-icons/all-files/hi/HiOutlineChevronLeft";
 import { Link } from "gatsby";
-import { IoMdClose } from "@react-icons/all-files/io/IoMdClose";
-import { IoIosArrowDropdownCircle } from "@react-icons/all-files/io/IoIosArrowDropdownCircle";
 import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward";
 import { componentsData } from "../../sections/Projects/Sistent/components/content";
 
 import TOCWrapper from "./toc.style";
 import { IoIosArrowDown } from "@react-icons/all-files/io/IoIosArrowDown";
-import { IoIosArrowUp } from "@react-icons/all-files/io/IoIosArrowUp";
 
 import { useLocation } from "@reach/router";
 

src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js

@@ -191,7 +191,7 @@ const KanvasisualizerFeatures = () => {
               <div className="feature-image">
                 <img src={isDark ? ServicePerformanceGearDark : ServicePerformanceGearLight} alt="Service Performance" style={{ position: "absolute", zIndex: "0" }} />
                 <ServicePerformanceMeter alt="" className={hoveredFeature == "Feature5" ? "meter-visible" : "secondary-image"}
-                  style={{ height: "auto", width: "70%",position: "relative", zIndex: "10", transformOrigin: "center center" }}
+                  style={{ height: "auto", width: "70%", position: "relative", zIndex: "10", transformOrigin: "center center" }}
                 />
               </div>
               <h3>Service Performance</h3>

src/sections/Meshery/Meshery-mange-mesh/index.js

@@ -1,11 +1,7 @@
 import React from "react";
-import { Col, Container, Row } from "../../../reusecore/Layout";
+import { Container } from "../../../reusecore/Layout";
 import styled from "styled-components";
-import Button from "../../../reusecore/Button";
-import { GiClockwork } from "@react-icons/all-files/gi/GiClockwork";
-import { StaticImage } from "gatsby-plugin-image";
 import KanvasVisualizerViews from "../../Home/Playground-home";
-const  MultiMesh = "./multi-mesh.svg";
 
 const ManageMeshWrapper = styled.div`
   margin: 4rem auto;

src/sections/Projects/Sistent/components/text-input/code.js

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
@@ -58,7 +58,6 @@ const codes = [
 const TextInputCode = () => {
   const location = useLocation();
   const { isDark } = useStyledDarkMode();
-  const [inputValue, setInputValue] = useState("");
 
   return (
     <SistentLayout title="Text Input">

src/sections/Projects/Sistent/identity/color/code.js

@@ -404,7 +404,6 @@ const componentColors = [
 
 const CopyColor = ({ hex , token }) => {
   const [copyText, setCopyText] = useState("Copy");
-  const [showCopy, setShowCopy] = useState(false);
 
   const handleCopy = async () => {
     await copyToClipboard(hex || token);
@@ -433,8 +432,6 @@ const CopyColor = ({ hex , token }) => {
               theme.palette.action?.hover || "rgba(0, 0, 0, 0.04)",
           },
         }}
-        onMouseEnter={() => setShowCopy(true)}
-        onMouseLeave={() => setShowCopy(false)}
         onClick={handleCopy}
       >
         <span>{hex || token }</span>