From 2da8f23285111e47bbce45bc81d957ea219c7b6c Mon Sep 17 00:00:00 2001
From: Andrei Pohilko <andrei.pokhilko@gmail.com>
Date: Mon, 7 Jul 2025 14:04:09 +0100
Subject: [PATCH] Lint

---
 .../InstalledPackageCard.tsx                  |  4 ++--
 frontend/src/components/modal/ErrorModal.tsx  |  3 ++-
 .../InstallChartModal/GeneralDetails.tsx      |  7 ++++--
 .../src/components/revision/RevisionsList.tsx |  4 +---
 frontend/src/hooks/useDebounce.tsx            | 24 +++++++++----------
 frontend/src/layout/Header.tsx                | 11 +++------
 6 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/frontend/src/components/InstalledPackages/InstalledPackageCard.tsx b/frontend/src/components/InstalledPackages/InstalledPackageCard.tsx
index 875160a..af378ec 100644
--- a/frontend/src/components/InstalledPackages/InstalledPackageCard.tsx
+++ b/frontend/src/components/InstalledPackages/InstalledPackageCard.tsx
@@ -15,7 +15,7 @@ import { useGetLatestVersion } from "../../API/releases";
 import { isNewerVersion } from "../../utils";
 import { LatestChartVersion } from "../../API/interfaces";
 import useNavigateWithSearchParams from "../../hooks/useNavigateWithSearchParams";
-import {useInView} from "react-intersection-observer";
+import { useInView } from "react-intersection-observer";
 
 type InstalledPackageCardProps = {
   release: Release;
@@ -27,7 +27,7 @@ export default function InstalledPackageCard({
   const navigate = useNavigateWithSearchParams();
 
   const [isMouseOver, setIsMouseOver] = useState(false);
-  const {ref, inView} = useInView({
+  const { ref, inView } = useInView({
     threshold: 0.3,
     triggerOnce: true,
   });
diff --git a/frontend/src/components/modal/ErrorModal.tsx b/frontend/src/components/modal/ErrorModal.tsx
index 8c0a4d5..a8e02fb 100644
--- a/frontend/src/components/modal/ErrorModal.tsx
+++ b/frontend/src/components/modal/ErrorModal.tsx
@@ -39,7 +39,8 @@ export default function ErrorModal({
         and support.{" "}
         <a
           href="https://www.komodor.com/helm-dash/?utm_campaign=Helm%20Dashboard%20%7C%20CTA&utm_source=helm-dash&utm_medium=cta&utm_content=helm-dash"
-          target="_blank" rel="noreferrer"
+          target="_blank"
+          rel="noreferrer"
         >
           <span className="text-link-color underline">Sign up for free.</span>
         </a>
diff --git a/frontend/src/components/modal/InstallChartModal/GeneralDetails.tsx b/frontend/src/components/modal/InstallChartModal/GeneralDetails.tsx
index 3850ddb..3514d44 100644
--- a/frontend/src/components/modal/InstallChartModal/GeneralDetails.tsx
+++ b/frontend/src/components/modal/InstallChartModal/GeneralDetails.tsx
@@ -17,9 +17,12 @@ export const GeneralDetails = ({
   onReleaseNameInput: (chartName: string) => void;
 }) => {
   const [namespaceInputValue, setNamespaceInputValue] = useState(namespace);
-  const namespaceInputValueDebounced = useDebounce<string>(namespaceInputValue, 500);
+  const namespaceInputValueDebounced = useDebounce<string>(
+    namespaceInputValue,
+    500
+  );
   useEffect(() => {
-      onNamespaceInput(namespaceInputValueDebounced);
+    onNamespaceInput(namespaceInputValueDebounced);
   }, [namespaceInputValueDebounced, onNamespaceInput]);
   const { context } = useParams();
   const inputClassName = ` text-lg py-1 px-2 border border-1 border-gray-300 ${
diff --git a/frontend/src/components/revision/RevisionsList.tsx b/frontend/src/components/revision/RevisionsList.tsx
index a0c9bfe..3e62345 100644
--- a/frontend/src/components/revision/RevisionsList.tsx
+++ b/frontend/src/components/revision/RevisionsList.tsx
@@ -21,9 +21,7 @@ export default function RevisionsList({
   const { namespace, chart } = useParams();
 
   const changeRelease = (newRevision: number) => {
-    navigate(
-      `/${namespace}/${chart}/installed/revision/${newRevision}`
-    );
+    navigate(`/${namespace}/${chart}/installed/revision/${newRevision}`);
   };
 
   return (
diff --git a/frontend/src/hooks/useDebounce.tsx b/frontend/src/hooks/useDebounce.tsx
index 86e0b36..b403fab 100644
--- a/frontend/src/hooks/useDebounce.tsx
+++ b/frontend/src/hooks/useDebounce.tsx
@@ -1,19 +1,19 @@
 import { useState, useEffect } from "react";
 
-function useDebounce<T>(value: T, delay : number) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
+function useDebounce<T>(value: T, delay: number) {
+  const [debouncedValue, setDebouncedValue] = useState(value);
 
-    useEffect(() => {
-        const handler = setTimeout(() => {
-            setDebouncedValue(value);
-        }, delay);
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
 
-        return () => {
-            clearTimeout(handler);
-        };
-    }, [value, delay]);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [value, delay]);
 
-    return debouncedValue;
+  return debouncedValue;
 }
 
-export default useDebounce;
\ No newline at end of file
+export default useDebounce;
diff --git a/frontend/src/layout/Header.tsx b/frontend/src/layout/Header.tsx
index e9ff9f3..da96631 100644
--- a/frontend/src/layout/Header.tsx
+++ b/frontend/src/layout/Header.tsx
@@ -4,11 +4,10 @@ import DropDown from "../components/common/DropDown";
 import WatcherIcon from "../assets/k8s-watcher.svg";
 import ShutDownButton from "../components/ShutDownButton";
 import {
-  BsSlack,
-  BsGithub,
   BsArrowRepeat,
-  BsBraces,
   BsBoxArrowUpRight,
+  BsBraces,
+  BsGithub,
 } from "react-icons/bs";
 import { useGetApplicationStatus } from "../API/other";
 import LinkWithSearchParams from "../components/LinkWithSearchParams";
@@ -25,10 +24,6 @@ export default function Header() {
 
   const location = useLocation();
 
-  const openSupportChat = () => {
-    window.open("https://app.slack.com/client/T03Q4H8PCRW", "_blank");
-  };
-
   const openProjectPage = () => {
     window.open("https://github.com/komodorio/helm-dashboard", "_blank");
   };
@@ -118,7 +113,7 @@ export default function Header() {
                 ]}
               />
             </li>
-            {"v"+statusData?.CurVer !== statusData?.LatestVer  ? (
+            {"v" + statusData?.CurVer !== statusData?.LatestVer ? (
               <li className="min-w-[130px]">
                 <a
                   href="https://github.com/komodorio/helm-dashboard/releases"