mirror of
https://github.com/komodorio/helm-dashboard.git
synced 2026-03-26 14:28:04 +00:00
Enabled recommended-requiring-type-checking as result type fixes provided (#632)
* Enabled recommended-requiring-type-checking * from .cjs to .js * check * check * check * check * A lot of types aligned and refactored * More strict types * Improvement * Improvements * Improvements * Fixed routs * Fixed import types
This commit is contained in:
@@ -2,7 +2,7 @@ import { useMemo } from "react";
|
||||
import { useParams } from "react-router";
|
||||
import RevisionDetails from "../components/revision/RevisionDetails";
|
||||
import RevisionsList from "../components/revision/RevisionsList";
|
||||
import { Release, ReleaseRevision } from "../data/types";
|
||||
import type { ReleaseRevision } from "../data/types";
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
import apiService from "../API/apiService";
|
||||
import Spinner from "../components/Spinner";
|
||||
@@ -19,6 +19,7 @@ function Revision() {
|
||||
{
|
||||
queryKey: ["releasesHistory", restParams],
|
||||
queryFn: apiService.getReleasesHistory,
|
||||
select: (data) => data?.sort(descendingSort),
|
||||
}
|
||||
);
|
||||
|
||||
@@ -30,11 +31,6 @@ function Revision() {
|
||||
[releaseRevisions]
|
||||
);
|
||||
|
||||
const sortedReleases = useMemo(
|
||||
() => releaseRevisions?.sort(descendingSort),
|
||||
[releaseRevisions]
|
||||
);
|
||||
|
||||
const selectedRelease = useMemo(() => {
|
||||
if (selectedRevision && releaseRevisions) {
|
||||
return releaseRevisions.find(
|
||||
@@ -54,7 +50,7 @@ function Revision() {
|
||||
<RevisionSidebarSkeleton />
|
||||
) : (
|
||||
<RevisionsList
|
||||
releaseRevisions={sortedReleases}
|
||||
releaseRevisions={releaseRevisions}
|
||||
selectedRevision={selectedRevision}
|
||||
/>
|
||||
)}
|
||||
@@ -67,7 +63,7 @@ function Revision() {
|
||||
</div>
|
||||
) : selectedRelease ? (
|
||||
<RevisionDetails
|
||||
release={selectedRelease as Release} // TODO fix it
|
||||
release={selectedRelease} // TODO fix it
|
||||
installedRevision={releaseRevisions?.[0]}
|
||||
isLatest={selectedRelease.revision === latestRevision}
|
||||
latestRevision={latestRevision}
|
||||
@@ -79,16 +75,12 @@ function Revision() {
|
||||
}
|
||||
|
||||
const RevisionSidebarSkeleton = () => {
|
||||
return (
|
||||
<>
|
||||
<div className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2" />
|
||||
<div className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2" />
|
||||
<div className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2" />
|
||||
<div className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2" />
|
||||
<div className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2" />
|
||||
<div className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2" />
|
||||
</>
|
||||
);
|
||||
return Array.from({ length: 6 }).map((_, i) => (
|
||||
<div
|
||||
key={i}
|
||||
className="mx-5 h-[74px] w-[88%] animate-pulse gap-4 rounded-md border border-gray-200 bg-gray-100 p-2"
|
||||
/>
|
||||
));
|
||||
};
|
||||
|
||||
export default Revision;
|
||||
|
||||
Reference in New Issue
Block a user