hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Use custom remove namespaces dialog

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-03-02 16:58:49 +03:00
parent e9fbde7213
commit ccc5034930
1 changed files with 88 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/core/src/renderer/components/+namespaces/route.tsx
View File

@ -18,6 +18,8 @@ import { KubeObjectAge } from "../kube-object/age";
import openAddNamepaceDialogInjectable from "./add-dialog/open.injectable"; import openAddNamepaceDialogInjectable from "./add-dialog/open.injectable";
import { SubnamespaceBadge } from "./subnamespace-badge"; import { SubnamespaceBadge } from "./subnamespace-badge";
import { NamespaceMenu } from "./namespace-menu"; import { NamespaceMenu } from "./namespace-menu";
import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
enum columnId { enum columnId {
name = "name", name = "name",
@ -29,9 +31,38 @@ enum columnId {
interface Dependencies { interface Dependencies {
namespaceStore: NamespaceStore; namespaceStore: NamespaceStore;
openAddNamespaceDialog: () => void; openAddNamespaceDialog: () => void;
openConfirmDialog: OpenConfirmDialog;
} }
const NonInjectedNamespacesRoute = ({ namespaceStore, openAddNamespaceDialog }: Dependencies) => ( const NonInjectedNamespacesRoute = ({ namespaceStore, openAddNamespaceDialog, openConfirmDialog }: Dependencies) => {
function onConfirm() {
namespaceStore.removeSelectedItems();
}
function openRemoveNamespaceDialog() {
const namespaces = namespaceStore.selectedItems;
const message = (
<div>
<>
Remove following namespaces?
{" "}
<div style={{ overflow: "auto", maxHeight: "200px" }}>
{namespaces.map(namespace => (
<li key={namespace.getId()}>{namespace.getName()}</li>
))}
</div>
</>
</div>
);
openConfirmDialog({
ok: onConfirm,
labelOk: "Remove",
message,
});
}
return (
<TabLayout> <TabLayout>
<KubeObjectListLayout <KubeObjectListLayout
isConfigurable isConfigurable
@ -77,9 +108,7 @@ const NonInjectedNamespacesRoute = ({ namespaceStore, openAddNamespaceDialog }:
addRemoveButtons={{ addRemoveButtons={{
addTooltip: "Add Namespace", addTooltip: "Add Namespace",
onAdd: openAddNamespaceDialog, onAdd: openAddNamespaceDialog,
onRemove: () => { onRemove: openRemoveNamespaceDialog,
namespaceStore.selectedItems.forEach(namespace => namespaceStore.remove(namespace));
},
}} }}
renderItemMenu={namespace => ( renderItemMenu={namespace => (
<NamespaceMenu <NamespaceMenu
@ -89,12 +118,14 @@ const NonInjectedNamespacesRoute = ({ namespaceStore, openAddNamespaceDialog }:
/> />
<AddNamespaceDialog/> <AddNamespaceDialog/>
</TabLayout> </TabLayout>
); );
}
export const NamespacesRoute = withInjectables<Dependencies>(NonInjectedNamespacesRoute, { export const NamespacesRoute = withInjectables<Dependencies>(NonInjectedNamespacesRoute, {
getProps: (di) => ({ getProps: (di) => ({
namespaceStore: di.inject(namespaceStoreInjectable), namespaceStore: di.inject(namespaceStoreInjectable),
openAddNamespaceDialog: di.inject(openAddNamepaceDialogInjectable), openAddNamespaceDialog: di.inject(openAddNamepaceDialogInjectable),
openConfirmDialog: di.inject(openConfirmDialogInjectable),
}), }),
}); });