lint

dashboard/src/API/apiService.ts

@@ -116,9 +116,10 @@
   }): Promise<ReleaseHealthStatus[] | null> => {
     if (!release) return null;
 
-    const data = await this.fetchWithDefaults(
+    const data = await this.fetchWithDefaults<ReleaseHealthStatus[] | null>(
       `/api/helm/releases/${release.namespace}/${release.name}/resources?health=true`
     );
+
     return data;
   };
 
@@ -129,14 +130,14 @@
 
     if (!params.namespace || !params.chart) return [];
 
-    const data = await this.fetchWithDefaults(
+    const data = await this.fetchWithDefaults<ReleaseRevision[]>(
       `/api/helm/releases/${params.namespace}/${params.chart}/history`
     );
 
     return data;
   };
 
   getValues = async ({ queryKey }: any) => {
     const [, params] = queryKey;
     const { namespace, chart, version } = params;
 

dashboard/src/API/releases.ts

@@ -33,12 +33,12 @@
 }: {
   namespace: string;
   chartName: string;
   options?: UseQueryOptions<any>;
 }) {
   return useQuery<any>(
     ["manifest", namespace, chartName],
     () =>
       callApi<any>(`/api/helm/releases/${namespace}/${chartName}/manifests`),
     options
   );
 }
@@ -211,12 +211,12 @@
   userDefinedValue?: string;
   revision?: number;
   version?: string;
   options?: UseQueryOptions<any>;
 }) {
   return useQuery<any>(
     ["values", namespace, release, userDefinedValue, version],
     () =>
       callApi<any>(
         `/api/helm/releases/${namespace}/${release}/values?${"userDefined=true"}${
           revision ? `&revision=${revision}` : ""
         }`,
@@ -306,8 +306,8 @@
 export interface Metadata {
   name: string;
   namespace: string;
   creationTimestamp: any;
   labels: any;
 }
 
 export interface Spec {
@@ -333,7 +333,7 @@
   url: string,
   options?: RequestInit
 ): Promise<T> {
-  const data = await apiService.fetchWithDefaults(url, options);
+  const data = await apiService.fetchWithDefaults<T>(url, options);
 
   return data;
 }

dashboard/src/API/shared.ts

@@ -30,7 +30,7 @@ export const getVersionManifestFormData = ({
   return formData;
 };
 
-export const useDiffData = ({
+export const useDiffData = <T>({
   selectedRepo,
   versionsError,
   currentVerManifest,
@@ -40,7 +40,7 @@ export const useDiffData = ({
   selectedRepo: string;
   versionsError: string;
   currentVerManifest: string;
-  selectedVerData: Promise<any>;
+  selectedVerData: Promise<T>;
   chart: string;
 }) => {
   return useQuery(

dashboard/src/components/InstalledPackages/InstalledPackageCard.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { Release } from "../../data/types";
+import { Release, ReleaseHealthStatus } from "../../data/types";
 import { BsArrowUpCircleFill, BsPlusCircleFill } from "react-icons/bs";
 import { getAge } from "../../timeUtils";
 import StatusLabel, {
@@ -34,7 +34,7 @@ export default function InstalledPackageCard({
     cacheTime: 0,
   });
 
-  const { data: statusData } = useQuery<any>({
+  const { data: statusData } = useQuery<ReleaseHealthStatus[] | null>({
     queryKey: ["resourceStatus", release],
     queryFn: () => apiService.getResourceStatus({ release }),
   });

dashboard/src/components/InstalledPackages/InstalledPackagesList.stories.tsx

@@ -21,7 +21,7 @@ const Template: ComponentStory<typeof InstalledPackagesList> = (args) => (
 export const Default = Template.bind({});
 
 Default.args = {
-  installedReleases: [
+  filteredReleases: [
     {
       id: "",
       name: "",

dashboard/src/components/revision/RevisionDetails.tsx

@@ -23,7 +23,7 @@
 import RevisionDiff from "./RevisionDiff";
 import RevisionResource from "./RevisionResource";
 import Tabs from "../Tabs";
-import { useMutation } from "@tanstack/react-query";
+import { UseQueryResult, useMutation } from "@tanstack/react-query";
 import Modal, { ModalButtonStyle } from "../modal/Modal";
 import Spinner from "../Spinner";
 import useAlertError from "../../hooks/useAlertError";
@@ -398,7 +398,7 @@
     );
   };
 
-  const RollbackModalContent = ({ dataResponse }: { dataResponse: any }) => {
+  const RollbackModalContent = ({ dataResponse }: { dataResponse: UseQueryResult<string, unknown> }) => {
     const {
       data,
       isLoading,

dashboard/src/hooks/useNavigateWithSearchParams.ts

@@ -1,9 +1,9 @@
-import { useLocation, useNavigate } from "react-router-dom";
+import { NavigateOptions, useLocation, useNavigate } from "react-router-dom";
 
 const useNavigateWithSearchParams = () => {
   const navigate = useNavigate();
   const { search } = useLocation();
-  const navigateWithSearchParams = (url: string, ...restArgs: any[]) => {
+  const navigateWithSearchParams = (url: string, ...restArgs: NavigateOptions[]) => {
     navigate(url + search, ...restArgs);
   };