From 6faccc48895c03616501bf1e84648a152263e509 Mon Sep 17 00:00:00 2001
From: Luke De Feo <lukedefeo@meta.com>
Date: Fri, 21 Jul 2023 07:17:31 -0700
Subject: [PATCH] UIDRefactor 8/n rename tree types

Summary: The previous names made no sense after they drifted over time

Reviewed By: lblasa

Differential Revision: D47550916

fbshipit-source-id: fa7df17b090c52b68ab4af9388d87365da6e8ff3
---
 .../public/ui-debugger/components/tree/Tree.tsx    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
index 051fd26ce..819281804 100644
--- a/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
+++ b/desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
@@ -237,7 +237,7 @@ export function Tree2({
                 }
               }}>
               {rowVirtualizer.getVirtualItems().map((virtualRow) => (
-                <TreeItemContainer
+                <TreeNodeRow
                   transform={`translateY(${virtualRow.start}px)`}
                   innerRef={refs[virtualRow.index]}
                   key={virtualRow.index}
@@ -287,7 +287,7 @@ function IndentGuide({indentGuide}: {indentGuide: NodeIndentGuide}) {
   );
 }
 
-function TreeItemContainer({
+function TreeNodeRow({
   transform,
   innerRef,
   treeNode,
@@ -328,7 +328,7 @@ function TreeItemContainer({
       {treeNode.indentGuide != null && (
         <IndentGuide indentGuide={treeNode.indentGuide} />
       )}
-      <TreeItemRow
+      <TreeNodeContent
         isHighlighted={highlightedNodes.has(treeNode.id)}
         isSelected={treeNode.id === selectedNode}
         isHovered={hoveredNode === treeNode.id}
@@ -358,7 +358,7 @@ function TreeItemContainer({
         />
         {nodeIcon(treeNode)}
 
-        <TreeItemRowContent treeNode={treeNode} />
+        <TreeNodeTextContent treeNode={treeNode} />
         {treeNode.frameworkEvents && (
           <Badge
             count={treeNode.frameworkEvents}
@@ -368,12 +368,12 @@ function TreeItemContainer({
             }}
           />
         )}
-      </TreeItemRow>
+      </TreeNodeContent>
     </div>
   );
 }
 
-function TreeItemRowContent({treeNode}: {treeNode: TreeNode}) {
+function TreeNodeTextContent({treeNode}: {treeNode: TreeNode}) {
   return (
     <>
       <HighlightedText text={treeNode.name} />
@@ -407,7 +407,7 @@ function InlineAttributes({attributes}: {attributes: Record<string, string>}) {
 const TreeItemHeight = '26px';
 const HalfTreeItemHeight = `calc(${TreeItemHeight} / 2)`;
 
-const TreeItemRow = styled.li<{
+const TreeNodeContent = styled.li<{
   item: TreeNode;
   isHovered: boolean;
   isSelected: boolean;