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

Add quick namespace filtering to ConfigMaps view

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2022-11-30 08:09:55 -05:00
parent 7cb50ff9c2
commit ff46d4fc64
2 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/+config-maps/config-maps.scss
View File

@ -20,5 +20,9 @@
&.age { &.age {
flex: .5; flex: .5;
} }
a.namespaceFilter {
border-bottom: unset;
}
} }
} }

32
src/renderer/components/+config-maps/config-maps.tsx
View File

@ -7,11 +7,16 @@ import "./config-maps.scss";
import React from "react"; import React from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { configMapStore } from "./legacy-store";
import { KubeObjectListLayout } from "../kube-object-list-layout"; import { KubeObjectListLayout } from "../kube-object-list-layout";
import { KubeObjectStatusIcon } from "../kube-object-status-icon"; import { KubeObjectStatusIcon } from "../kube-object-status-icon";
import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout"; import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
import { KubeObjectAge } from "../kube-object/age"; import { KubeObjectAge } from "../kube-object/age";
import { prevDefault } from "../../utils";
import type { ConfigMapStore } from "./store";
import type { FilterByNamespace } from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
import { withInjectables } from "@ogre-tools/injectable-react";
import configMapStoreInjectable from "./store.injectable";
import filterByNamespaceInjectable from "../+namespaces/namespace-select-filter-model/filter-by-namespace.injectable";
enum columnId { enum columnId {
name = "name", name = "name",
@ -20,8 +25,13 @@ enum columnId {
age = "age", age = "age",
} }
interface Dependencies {
configMapStore: ConfigMapStore;
filterByNamespace: FilterByNamespace;
}
@observer @observer
export class ConfigMaps extends React.Component { class NonInjectedConfigMaps extends React.Component<Dependencies> {
render() { render() {
return ( return (
<SiblingsInTabLayout> <SiblingsInTabLayout>
@ -29,7 +39,7 @@ export class ConfigMaps extends React.Component {
isConfigurable isConfigurable
tableId="configuration_configmaps" tableId="configuration_configmaps"
className="ConfigMaps" className="ConfigMaps"
store={configMapStore} store={this.props.configMapStore}
sortingCallbacks={{ sortingCallbacks={{
[columnId.name]: configMap => configMap.getName(), [columnId.name]: configMap => configMap.getName(),
[columnId.namespace]: configMap => configMap.getNs(), [columnId.namespace]: configMap => configMap.getNs(),
@ -51,7 +61,13 @@ export class ConfigMaps extends React.Component {
renderTableContents={configMap => [ renderTableContents={configMap => [
configMap.getName(), configMap.getName(),
<KubeObjectStatusIcon key="icon" object={configMap} />, <KubeObjectStatusIcon key="icon" object={configMap} />,
configMap.getNs(), <a
key="namespace"
className="filterNamespace"
onClick={prevDefault(() => this.props.filterByNamespace(configMap.getNs()))}
>
{configMap.getNs()}
</a>,
configMap.getKeys().join(", "), configMap.getKeys().join(", "),
<KubeObjectAge key="age" object={configMap} />, <KubeObjectAge key="age" object={configMap} />,
]} ]}
@ -60,3 +76,11 @@ export class ConfigMaps extends React.Component {
); );
} }
} }
export const ConfigMaps = withInjectables<Dependencies>(NonInjectedConfigMaps, {
getProps: (di, props) => ({
...props,
configMapStore: di.inject(configMapStoreInjectable),
filterByNamespace: di.inject(filterByNamespaceInjectable),
}),
});