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.{" "}
Sign up for free.
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(namespaceInputValue, 500);
+ const namespaceInputValueDebounced = useDebounce(
+ 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(value: T, delay : number) {
- const [debouncedValue, setDebouncedValue] = useState(value);
+function useDebounce(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() {
]}
/>
- {"v"+statusData?.CurVer !== statusData?.LatestVer ? (
+ {"v" + statusData?.CurVer !== statusData?.LatestVer ? (