diff --git a/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx b/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx index 3e7adc9f3a..be40e2bece 100644 --- a/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx +++ b/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx @@ -37,7 +37,7 @@ describe("kube-object-menu", () => { let hideDetailsStub: () => void; let editResourceTabStub: () => void; let apiManagerStub: IGettableStore; - let clusterStub : IHasName; + let clusterStub: IHasName; let kubeObjectMenuRegistryStub: IHasGettableItemsForKind; let objectStub: KubeObject | null; @@ -54,12 +54,15 @@ describe("kube-object-menu", () => { apiManagerStub = { // eslint-disable-next-line unused-imports/no-unused-vars-ts - getStore: >(api: string | KubeApi): TKubeObjectStore | undefined => undefined, + + getStore: >( + api: string | KubeApi, + ): TKubeObjectStore | undefined => undefined, }; clusterStub = { name: "Some cluster name" }; - const MenuItemComponentStub : React.FC = () =>
Some menu item
; + const MenuItemComponentStub: React.FC = () =>
Some menu item
; const menuItemStub: KubeObjectMenuRegistration = { apiVersions: ["irrelevant"], @@ -67,10 +70,11 @@ describe("kube-object-menu", () => { kind: "irrelevant", }; - kubeObjectMenuRegistryStub = { // eslint-disable-next-line unused-imports/no-unused-vars-ts - getItemsForKind: (kind: string, apiVersion: string): any => [menuItemStub], + getItemsForKind: (kind: string, apiVersion: string): any => [ + menuItemStub, + ], }; hideDetailsStub = () => {}; @@ -81,14 +85,17 @@ describe("kube-object-menu", () => { it("given no kube object, renders", () => { objectStub = null; - const { baseElement } = render(); + const { baseElement } = render( + , + ); expect(baseElement).toMatchSnapshot(); }); @@ -97,17 +104,24 @@ describe("kube-object-menu", () => { objectStub = KubeObject.create({ apiVersion: "some-api-version", kind: "some-kind", - metadata: { uid: "some-uid", name: "some-name", resourceVersion: "some-resource-version" }, + metadata: { + uid: "some-uid", + name: "some-name", + resourceVersion: "some-resource-version", + }, }); - const { baseElement } = render(); + const { baseElement } = render( + , + ); expect(baseElement).toMatchSnapshot(); }); diff --git a/src/renderer/components/kube-object-menu/kube-object-menu.tsx b/src/renderer/components/kube-object-menu/kube-object-menu.tsx index 0eac1e264a..9f7efabe52 100644 --- a/src/renderer/components/kube-object-menu/kube-object-menu.tsx +++ b/src/renderer/components/kube-object-menu/kube-object-menu.tsx @@ -29,7 +29,6 @@ import type { IHasGettableItemsForKind } from "../../../extensions/registries"; import type { IGettableStore } from "../../../common/k8s-api/api-manager"; import type { IHasName } from "../../../main/cluster"; - export interface KubeObjectMenuProps extends MenuActionsProps { object: TKubeObject | null | undefined; editable?: boolean; @@ -37,15 +36,18 @@ export interface KubeObjectMenuProps extends MenuActionsProps { toolbar?: boolean; } -interface KubeObjectMenuDependencies extends KubeObjectMenuProps{ - apiManager: IGettableStore, - kubeObjectMenuRegistry: IHasGettableItemsForKind - cluster: IHasName, - hideDetails: () => void, - editResourceTab: (kubeObject: TKubeObject) => void, +interface KubeObjectMenuDependencies + extends KubeObjectMenuProps { + apiManager: IGettableStore; + kubeObjectMenuRegistry: IHasGettableItemsForKind; + cluster: IHasName; + hideDetails: () => void; + editResourceTab: (kubeObject: TKubeObject) => void; } -export class KubeObjectMenu extends React.Component> { +export class KubeObjectMenu< + TKubeObject extends KubeObject, +> extends React.Component> { get dependencies() { const { apiManager, @@ -113,7 +115,9 @@ export class KubeObjectMenu extends React.Compon const breadcrumb = breadcrumbParts.filter(identity).join("/"); return ( -

Remove {breadcrumb}?

+

+ Remove {breadcrumb}? +

); } @@ -126,15 +130,21 @@ export class KubeObjectMenu extends React.Compon return this.dependencies.kubeObjectMenuRegistry .getItemsForKind(object.kind, object.apiVersion) - .map(({ components: { MenuItem }}: { components: { MenuItem: React.ReactType }}, index: number) => ( - - )); + .map( + ( + { + components: { MenuItem }, + }: { components: { MenuItem: React.ReactType }}, + index: number, + ) => ( + + ), + ); } render() {