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

Extract nodeId to avoid repeating

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

25
packages/core/src/renderer/components/+namespaces/namespace-tree-view.tsx
View File

@ -37,20 +37,24 @@ function NonInjectableNamespaceTreeView({ root, namespaceStore, getDetailsUrl }:
const hierarchicalNamespaces = namespaceStore.getByLabel(["hnc.x-k8s.io/included-namespace=true"]);
const [expandedItems, setExpandedItems] = React.useState<string[]>(hierarchicalNamespaces.map(ns => `namespace-${ns.getId()}`));
const classes = { group: styles.group, label: styles.label };
const nodeId = `namespace-${root.getId()}`;
function renderChildren(parent: Namespace) {
const children = hierarchicalNamespaces.filter(ns =>
ns.getLabels().find(label => label === `${parent.getName()}.tree.hnc.x-k8s.io/depth=1`),
);
return children.map(child => (
return children.map(child => {
const childId = `namespace-${child.getId()}`;
return (
<TreeItem
key={`namespace-${child.getId()}`}
nodeId={`namespace-${child.getId()}`}
data-testid={`namespace-${child.getId()}`}
key={childId}
nodeId={childId}
data-testid={childId}
classes={classes}
onIconClick={(evt) =>{
toggleNode(`namespace-${child.getId()}`);
toggleNode(childId);
evt.stopPropagation();
}}
label={(
@ -68,7 +72,8 @@ function NonInjectableNamespaceTreeView({ root, namespaceStore, getDetailsUrl }:
>
{renderChildren(child)}
</TreeItem>
));
);
});
}
function toggleNode(id: string) {
@ -87,19 +92,19 @@ function NonInjectableNamespaceTreeView({ root, namespaceStore, getDetailsUrl }:
<div data-testid="namespace-tree-view" className={styles.TreeView}>
<DrawerTitle>Tree View</DrawerTitle>
<TreeView
defaultExpanded={[`namespace-${root.getId()}`]}
defaultExpanded={[nodeId]}
defaultCollapseIcon={<MinusSquare />}
defaultExpandIcon={<PlusSquare />}
defaultEndIcon={(<div style={{ opacity: 0.3 }}><MinusSquare /></div>)}
expanded={expandedItems}
>
<TreeItem
nodeId={`namespace-${root.getId()}`}
nodeId={nodeId}
label={root.getName()}
data-testid={`namespace-${root.getId()}`}
data-testid={nodeId}
classes={classes}
onIconClick={(evt) => {
toggleNode(`namespace-${root.getId()}`);
toggleNode(nodeId);
evt.stopPropagation();
}}
>