Extract nodeId to avoid repeating

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

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

@@ -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()}`}
+          key={childId}
-        nodeId={`namespace-${child.getId()}`}
+          nodeId={childId}
-        data-testid={`namespace-${child.getId()}`}
+          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();
           }}
         >